:root{--bg-main: #0a0a0c;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--accent-gold: #d4af37;--accent-blue: #6366f1;--card-bg: rgba(255, 255, 255, .02);--card-border: rgba(255, 255, 255, .06);--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", sans-serif;--transition-smooth: all .35s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;height:100%}body{background:radial-gradient(circle at center,rgba(8,8,10,.72) 0%,rgba(8,8,10,.95) 100%),url(/assets/portal_main_hero-1913bca8.png) no-repeat center center fixed;background-size:cover;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow-x:hidden;line-height:1.6}.light-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(120px);z-index:0;opacity:.12}.orb-1{width:450px;height:450px;background:radial-gradient(circle,var(--accent-gold) 0%,transparent 70%);top:-10%;left:-10%}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--accent-blue) 0%,transparent 70%);bottom:-15%;right:-10%}.portal-container{width:100%;max-width:900px;padding:80px 24px;z-index:10;display:flex;flex-direction:column;gap:60px;margin:0 auto}.portal-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.portal-header .logo-container{display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 28px;margin-bottom:16px;box-shadow:0 10px 40px #0006,0 0 20px #d4af371a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:var(--transition-smooth)}.portal-header .logo-container:hover{transform:translateY(-2px);box-shadow:0 14px 45px #00000080,0 0 25px #d4af3726;background:#ffffff}.portal-header .portal-logo{height:44px;width:auto;object-fit:contain}.portal-title{font-family:Cinzel,serif;font-size:clamp(24px,4.8vw,38px);font-weight:700;line-height:1.25;color:#fff;letter-spacing:3px;text-transform:uppercase;text-shadow:0 4px 15px rgba(0,0,0,.6)}.portal-subtitle{font-size:clamp(14px,2.5vw,16px);color:var(--text-secondary);max-width:620px;font-weight:300}.portal-countdown{margin-top:36px;background:rgba(255,255,255,.02);border:1px solid var(--card-border);padding:24px 40px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.countdown-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);font-weight:500}.countdown-digits{display:flex;align-items:center;gap:20px}.digit-box{display:flex;flex-direction:column;align-items:center;min-width:60px}.digit-box .num{font-family:var(--font-serif);font-size:32px;font-weight:700;color:var(--accent-gold);line-height:1}.digit-box .lbl{font-size:10px;text-transform:uppercase;color:var(--text-secondary);margin-top:4px;letter-spacing:.5px}.countdown-digits .colon{font-family:var(--font-serif);font-size:24px;color:#ffffff26;font-weight:700;line-height:1;padding-bottom:12px}.versions-section{display:flex;flex-direction:column;gap:24px}.section-heading{font-family:Cinzel,serif;font-size:12px;text-transform:uppercase;letter-spacing:3px;color:var(--accent-gold);font-weight:600;text-align:center;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.versions-grid{display:flex;flex-direction:column;gap:16px}.version-card{display:flex;align-items:center;gap:24px;background-color:var(--card-bg);border:1px solid var(--card-border);padding:24px 32px;border-radius:8px;text-decoration:none;transition:var(--transition-smooth);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card-num{font-family:var(--font-serif);font-size:18px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-right:1px solid rgba(255,255,255,.08);padding-right:24px;min-width:56px;display:block}.card-content{flex-grow:1}.card-content h3{font-family:Cinzel,serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin-bottom:6px;transition:var(--transition-smooth)}.card-content p{font-size:13px;color:var(--text-secondary);font-weight:300;line-height:1.5}.card-arrow{font-size:14px;color:#ffffff26;transition:var(--transition-smooth)}.version-card:hover{transform:translateY(-2px);background-color:#ffffff0a;border-color:#ffffff1f;box-shadow:0 10px 30px #0003}.version-card:hover .card-content h3{color:var(--accent-gold)}.version-card:hover .card-arrow{color:var(--text-primary);transform:translate(4px)}.version-card.highlight:hover .card-content h3{color:var(--accent-gold)}.version-card.highlight-blue:hover .card-content h3{color:var(--accent-blue)}.version-card.highlight{border-color:#d4af3726}.version-card.highlight-blue{border-color:#6366f126}.portal-footer{text-align:center;border-top:1px solid rgba(255,255,255,.05);padding-top:32px;display:flex;flex-direction:column;gap:12px}.contact-info{font-size:12px;color:var(--text-secondary);font-weight:300}.contact-info i{color:var(--accent-gold)}.copy-text{font-size:11px;color:#ffffff40;font-weight:300}@media (max-width: 600px){.portal-container{padding:50px 16px;gap:40px}.portal-countdown{padding:16px 20px;margin-top:24px}.countdown-digits{gap:10px}.digit-box{min-width:48px}.digit-box .num{font-size:24px}.version-card{padding:20px 24px;gap:16px;flex-direction:column;align-items:flex-start}.card-num{border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding-right:0;padding-bottom:8px;width:100%}.card-arrow{align-self:flex-end;margin-top:-12px}}