: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:2rem 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}.hero-section{position:relative;padding:2.5rem 2rem;border-radius:var(--radius-xl);margin-bottom:2rem;overflow:hidden}[data-theme=light] .hero-section{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 30px -5px #0f172a0d}.hero-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.hero-text{max-width:650px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:20px;background:#00f2fe1a;border:1px solid rgba(0,242,254,.25);color:var(--primary-cyan);font-size:.8rem;font-weight:700;margin-bottom:1rem}[data-theme=light] .hero-badge{background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:var(--accent-green);box-shadow:0 0 10px var(--accent-green);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.15;margin-bottom:.85rem}.hero-title span{background:linear-gradient(90deg,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .hero-title span{background:linear-gradient(90deg,#0284c7,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:1.05rem;color:var(--text-secondary);margin-bottom:1.5rem}.hero-stats{display:flex;gap:1.25rem}.stat-card{padding:1rem 1.4rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--border-color);min-width:140px}[data-theme=light] .stat-card{background:#f8fafc;border-color:#e2e8f0}.stat-value{font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:.35rem}[data-theme=light] .stat-value{color:#0f172a!important}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.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(320px,1fr));gap:1.75rem}.portals-list{display:flex;flex-direction:column;gap:1rem}.portal-card{border-radius:var(--radius-lg);overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;position:relative;background:var(--bg-card);border:1px solid var(--border-color)}.card-accent-top-strip{display:none}[data-theme=light] .card-accent-top-strip{display:block;height:4px;background:var(--card-accent-light, #0284c7);width:100%}[data-theme=light] .portal-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px -2px #0f172a0f,0 2px 6px -1px #0f172a0a}.portal-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -15px #0009;border-color:var(--card-border-hover, var(--border-hover))}[data-theme=light] .portal-card:hover{transform:translateY(-6px);box-shadow:0 20px 35px -8px #0f172a1f,0 8px 16px -4px #0f172a14;border-color:var(--card-accent-light, #0284c7)}.card-banner{height:180px;position:relative;overflow:hidden;background-size:cover;background-position:center}.card-banner img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portal-card:hover .card-banner img{transform:scale(1.06)}.card-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-card) 0%,rgba(18,26,42,.2) 60%,transparent 100%)}[data-theme=light] .card-banner-overlay{background:linear-gradient(to top,#ffffff 0%,rgba(255,255,255,.15) 70%,transparent 100%)}.card-top-badges{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:center;z-index:2}.category-tag{padding:.35rem .8rem;border-radius:20px;background:#090d16d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);font-size:.75rem;font-weight:700;color:#fff}[data-theme=light] .category-tag{background:#0f172ad9;color:#fff;border-color:#ffffff4d;box-shadow:0 2px 8px #00000026}.pin-btn{width:34px;height:34px;border-radius:50%;background:#090d16d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}[data-theme=light] .pin-btn{background:#0f172ad9;border-color:#ffffff4d;color:#ffffffb3}.pin-btn:hover,.pin-btn.pinned{color:#fbbf24;border-color:#fbbf24;background:#fbbf2433}.card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.card-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.portal-code-badge{padding:.25rem .6rem;border-radius:6px;font-family:Space Grotesk,monospace;font-size:.75rem;font-weight:800;letter-spacing:.05em;align-self:center;background-color:var(--card-badge-dark, rgba(0, 242, 254, .15));color:var(--card-accent)}[data-theme=light] .portal-code-badge{background-color:var(--card-badge-light, #e0f2fe);color:var(--card-accent-light, #0284c7);border:1px solid var(--card-border-light, #bae6fd);font-weight:800}.portal-title-anchor{font-size:1.35rem;font-weight:800;color:var(--text-primary);display:inline-flex;align-items:center;gap:.4rem;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:.7;transition:transform .2s ease,color .2s ease}.portal-title-anchor:hover .anchor-external-icon{opacity:1;transform:translate(2px,-2px);color:var(--card-accent-light, #0284c7)}.portal-desc{font-size:.92rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}[data-theme=light] .portal-desc{color:#334155;font-weight:450}.quick-links-section{margin-top:auto;padding-top:1rem;border-top:1px dashed var(--border-color);margin-bottom:1.25rem}[data-theme=light] .quick-links-section{border-top-color:#e2e8f0}.quick-links-title{font-size:.72rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.05em}[data-theme=light] .quick-links-title{color:#64748b}.quick-links-grid{display:flex;flex-wrap:wrap;gap:.45rem}.quick-link-chip{padding:.3rem .65rem;border-radius:6px;background:#ffffff0a;border:1px solid var(--border-color);font-size:.78rem;color:var(--text-secondary);transition:var(--transition-fast);display:inline-flex;align-items:center;gap:.3rem;font-weight:600}[data-theme=light] .quick-link-chip{background:#f8fafc;border-color:#e2e8f0;color:#1e293b}.quick-link-chip:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--card-accent, var(--primary-cyan))}[data-theme=light] .quick-link-chip:hover{background:var(--card-badge-light, #e0f2fe);border-color:var(--card-border-light, #bae6fd);color:var(--card-accent-light, #0284c7);transform:translateY(-1px)}.card-actions{display:flex;gap:.75rem}.modal-launch-btn,.launch-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.4rem;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 #00000040;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:42px;height:42px;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)}[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-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;background-color:var(--card-badge-dark, rgba(0, 242, 254, .15));color:var(--card-accent)}[data-theme=light] .list-item-icon{background-color:var(--card-badge-light, #e0f2fe);color:var(--card-accent-light, #0284c7);border:1px solid var(--card-border-light, #bae6fd)}.list-item-text h3{font-size:1.15rem;font-weight:800;margin-bottom:.2rem}.list-item-text p{font-size:.85rem;color:var(--text-secondary)}[data-theme=light] .list-item-text p{color:#334155}.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){.hero-title{font-size:1.85rem}.hero-stats{width:100%;justify-content:space-between}.search-row{flex-direction:column}.view-toggle{display:none}.navbar-inner{flex-wrap:wrap}}