:root{--bg-main: #090d16;--bg-card: rgba(18, 26, 42, .75);--bg-card-hover: rgba(26, 38, 62, .9);--bg-header: rgba(9, 13, 22, .85);--bg-modal: #0f172a;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(0, 242, 254, .4);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--primary-cyan: #00f2fe;--primary-blue: #4facfe;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-orange: #f97316;--glow-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #ffffff;--bg-header: rgba(255, 255, 255, .92);--bg-modal: #ffffff;--border-color: #cbd5e1;--border-hover: #0284c7;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #475569;--primary-cyan: #0284c7;--primary-blue: #2563eb;--accent-purple: #7c3aed;--accent-green: #059669;--accent-orange: #ea580c;--glow-shadow: 0 8px 30px rgba(15, 23, 42, .12);--card-shadow: 0 10px 25px -5px rgba(15, 23, 42, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5;background-image:radial-gradient(at 0% 0%,rgba(0,242,254,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.08) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(16,185,129,.05) 0px,transparent 50%);background-attachment:fixed}[data-theme=light] body{background-image:radial-gradient(at 0% 0%,rgba(2,132,199,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(124,58,237,.05) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(5,150,105,.04) 0px,transparent 50%)}h1,h2,h3,h4,.brand-font{font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1380px;margin:0 auto;padding:2.5rem 1.5rem 4rem;width:100%}.navbar{position:sticky;top:0;z-index:100;background:var(--bg-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.navbar-inner{max-width:1380px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand-logo{display:flex;align-items:center;gap:.85rem}.logo-badge-img-wrapper{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border-color);padding:5px;overflow:hidden;transition:var(--transition-fast)}[data-theme=light] .logo-badge-img-wrapper{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0f}.navbar-logo-img{width:100%;height:100%;object-fit:contain}.brand-title{font-size:1.35rem;font-weight:800;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .brand-title{background:linear-gradient(90deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.nav-actions{display:flex;align-items:center;gap:.85rem}.icon-btn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-fast)}[data-theme=light] .icon-btn{background:#fff;border-color:#cbd5e1;color:#0f172a}.icon-btn:hover{background:#ffffff1f;transform:translateY(-2px);border-color:var(--primary-cyan)}[data-theme=light] .icon-btn:hover{background:#f1f5f9;border-color:#0284c7;color:#0284c7}.favorites-strip{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-radius:var(--radius-md);margin-bottom:2rem;overflow-x:auto}[data-theme=light] .favorites-strip{background:#fff;border-color:#e2e8f0}.favorites-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--primary-cyan);white-space:nowrap;padding-right:.5rem;border-right:1px solid var(--border-color)}[data-theme=light] .favorites-label{color:#0284c7}.favorite-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .85rem;border-radius:8px;background:#ffffff0d;border:1px solid var(--border-color);font-size:.85rem;font-weight:600;transition:var(--transition-fast);white-space:nowrap}[data-theme=light] .favorite-chip{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}.favorite-chip:hover{background:#00f2fe1f;border-color:#00f2fe66;transform:translateY(-1px)}[data-theme=light] .favorite-chip:hover{background:#e0f2fe;border-color:#0284c7;color:#0284c7}.controls-bar{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.search-row{display:flex;gap:1rem;align-items:center}.search-input-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.85rem 1rem .85rem 3.2rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;transition:var(--transition-fast)}[data-theme=light] .search-input{background:#fff;border-color:#cbd5e1;color:#0f172a}.search-input:focus{outline:none;border-color:var(--primary-cyan);box-shadow:0 0 0 3px #00f2fe26}[data-theme=light] .search-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c733}.kbd-shortcut{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);padding:.2rem .5rem;border-radius:4px;background:#ffffff1a;border:1px solid var(--border-color);font-size:.75rem;color:var(--text-muted);font-weight:700}[data-theme=light] .kbd-shortcut{background:#e2e8f0;color:#334155;border-color:#cbd5e1}.view-toggle{display:flex;background:var(--bg-card);border:1px solid var(--border-color);padding:3px;border-radius:10px}[data-theme=light] .view-toggle{background:#fff;border-color:#cbd5e1}.toggle-btn{padding:.55rem .85rem;border-radius:8px;color:var(--text-muted);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.toggle-btn.active{background:#ffffff1a;color:var(--primary-cyan)}[data-theme=light] .toggle-btn.active{background:#e2e8f0;color:#0284c7}.categories-scroll{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.5rem}.category-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:30px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.85rem;font-weight:600;white-space:nowrap;transition:var(--transition-fast)}[data-theme=light] .category-pill{background:#fff;border-color:#cbd5e1;color:#334155}.category-pill:hover{border-color:#fff3;color:var(--text-primary)}[data-theme=light] .category-pill:hover{border-color:#0284c7;color:#0f172a}.category-pill.active{background:linear-gradient(135deg,#00f2fe33,#4facfe33);border-color:var(--primary-cyan);color:var(--primary-cyan);box-shadow:0 0 15px #00f2fe33}[data-theme=light] .category-pill.active{background:#e0f2fe;border-color:#0284c7;color:#0284c7;font-weight:700;box-shadow:0 0 12px #0284c726}.portals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.75rem}.portals-list{display:flex;flex-direction:column;gap:1rem}.portal-card.banner-symbol-card{border-radius:var(--radius-lg);overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .35s ease;display:flex;flex-direction:column;position:relative;background:var(--bg-card);border:1px solid var(--border-color)}.card-accent-top-strip{display:block;position:absolute;top:0;left:0;right:0;height:4px;z-index:10;background:var(--card-accent, var(--primary-cyan))}[data-theme=light] .card-accent-top-strip{background:var(--card-accent-light, #0284c7)}[data-theme=light] .portal-card.banner-symbol-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px -2px #0f172a0d,0 2px 6px -1px #0f172a08}.portal-card.banner-symbol-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px -12px #0009;border-color:var(--card-border-hover, var(--border-hover))}[data-theme=light] .portal-card.banner-symbol-card:hover{transform:translateY(-8px);box-shadow:0 22px 40px -8px #0f172a26,0 6px 14px -4px #0f172a14;border-color:var(--card-accent-light, #0284c7)}.card-symbol-banner-wrapper{position:relative;height:165px;width:100%;overflow:hidden;background:#000}.card-symbol-banner-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s cubic-bezier(.4,0,.2,1)}.portal-card.banner-symbol-card:hover .card-symbol-banner-img{transform:scale(1.08)}.card-banner-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#090d1626,#090d16d9);pointer-events:none}[data-theme=light] .card-banner-gradient-overlay{background:linear-gradient(180deg,#ffffff1a,#0f172abf)}.banner-top-actions{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;align-items:center;justify-content:space-between;z-index:5}.banner-badges{display:flex;align-items:center;gap:.5rem}.portal-code-badge{padding:.3rem .75rem;border-radius:8px;font-family:Space Grotesk,monospace;font-size:.78rem;font-weight:800;letter-spacing:.06em;background:#090d16d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff}.pin-btn{width:36px;height:36px;border-radius:50%;background:#090d16bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.pin-btn:hover,.pin-btn.pinned{color:#fbbf24;border-color:#fbbf24;background:#fbbf2440}.card-body-container{padding:1.5rem;display:flex;flex-direction:column;flex:1}.portal-title-heading{font-size:1.35rem;font-weight:800;line-height:1.25;margin-bottom:1.5rem}.portal-title-anchor{color:var(--text-primary);display:inline-flex;align-items:center;gap:.45rem;transition:var(--transition-fast)}[data-theme=light] .portal-title-anchor{color:#0f172a}.portal-title-anchor:hover{color:var(--card-accent, var(--primary-cyan))}[data-theme=light] .portal-title-anchor:hover{color:var(--card-accent-light, #0284c7)}.anchor-external-icon{opacity:.6;transition:transform .25s ease,opacity .25s ease,color .25s ease}.portal-title-anchor:hover .anchor-external-icon{opacity:1;transform:translate(3px,-3px);color:var(--card-accent-light, #0284c7)}.card-actions-footer{display:flex;align-items:center;gap:.75rem;margin-top:auto}.modal-launch-btn,.launch-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:44px;padding:0 1.25rem;border-radius:12px;background:var(--card-accent, var(--primary-cyan));color:#090d16;font-weight:800;font-size:.92rem;line-height:1;transition:var(--transition-fast);box-shadow:0 4px 15px #0003;border:none;cursor:pointer;text-decoration:none}[data-theme=light] .modal-launch-btn,[data-theme=light] .launch-btn{background:var(--launch-bg-light, linear-gradient(135deg, #0284c7 0%, #0369a1 100%));color:#fff;font-weight:800;box-shadow:0 4px 14px #0f172a26}.modal-launch-btn:hover,.launch-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 20px var(--card-accent, var(--primary-cyan))}[data-theme=light] .modal-launch-btn:hover,[data-theme=light] .launch-btn:hover{filter:brightness(1.08);box-shadow:0 8px 22px #0f172a38}.action-icon-btn{width:44px;height:44px;border-radius:12px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}[data-theme=light] .action-icon-btn{background:#f8fafc;border-color:#cbd5e1;color:#475569}.action-icon-btn:hover{background:#ffffff1f;color:var(--text-primary)}[data-theme=light] .action-icon-btn:hover{background:#f1f5f9;color:#0f172a;border-color:var(--card-accent-light, #0284c7)}.portal-list-item{border-radius:var(--radius-md);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-normal)}.list-item-banner-thumbnail{width:70px;height:48px;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--border-color)}.list-thumbnail-img{width:100%;height:100%;object-fit:cover}[data-theme=light] .portal-list-item{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 10px #0f172a0a}.portal-list-item:hover{border-color:var(--card-accent, var(--primary-cyan));transform:translate(4px)}[data-theme=light] .portal-list-item:hover{border-color:var(--card-accent-light, #0284c7);box-shadow:0 4px 15px #0f172a14}.list-item-main{display:flex;align-items:center;gap:1.25rem;flex:1}.list-item-text h3{font-size:1.15rem;font-weight:800;margin-bottom:.2rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-card{width:100%;max-width:560px;background:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--glow-shadow);overflow:hidden;animation:modalIn .25s cubic-bezier(.16,1,.3,1)}[data-theme=light] .modal-card{background:#fff;border-color:#cbd5e1;box-shadow:0 20px 40px #0f172a33}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:1.5rem}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.footer{border-top:1px solid var(--border-color);background:#090d1680;padding:2.5rem 1.5rem;margin-top:auto}[data-theme=light] .footer{background:#fff;border-color:#e2e8f0}.footer-inner{max-width:1380px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-text{font-size:.85rem;color:var(--text-muted)}[data-theme=light] .footer-text{color:#475569}.footer-links{display:flex;gap:1.5rem;font-size:.85rem;color:var(--text-secondary)}[data-theme=light] .footer-links a{color:#334155;font-weight:600}.footer-links a:hover{color:var(--primary-cyan)}[data-theme=light] .footer-links a:hover{color:#0284c7}@media (max-width: 768px){.search-row{flex-direction:column}.view-toggle{display:none}.navbar-inner{flex-wrap:wrap}}