*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --navy: #1B2A4A; --gold: #C9973A; --steel: #4A7FA5; --warmwh: #F9F6F0; }
html, body { width: 100%; height: 100%; background: var(--navy); color: var(--warmwh); font-family: 'Montserrat', sans-serif; overflow-x: hidden; }
body::before { content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: 0.35; }
.glow { position: absolute; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(201,151,58,0.18) 0%, rgba(27,42,74,0) 70%); top: 50%; left: 50%; transform: translate(-50%,-52%); pointer-events: none; animation: pulse 4s ease-in-out infinite; }
@keyframes pulse { 0%,100% { opacity:0.7; transform:translate(-50%,-52%) scale(1); } 50% { opacity:1; transform:translate(-50%,-52%) scale(1.08); } }
.rule { display:flex; align-items:center; gap:18px; width:100%; max-width:520px; margin:0 auto; }
.rule::before,.rule::after { content:''; flex:1; height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); }
.rule-diamond { width:8px; height:8px; background:var(--gold); transform:rotate(45deg); flex-shrink:0; }
.page { position:relative; z-index:1; min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:48px 24px; }
.top-bar { position:fixed; top:0; left:0; right:0; display:flex; align-items:center; justify-content:center; padding:16px 48px; border-bottom:1px solid rgba(201,151,58,0.2); background:rgba(27,42,74,0.85); backdrop-filter:blur(12px); z-index:100; gap:14px; }
.top-bar img { width:40px; height:40px; object-fit:contain; }
.top-bar-name { font-family:'Playfair Display',serif; font-size:14px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--warmwh); }
.top-bar-name span { color:var(--gold); font-weight:400; }
.hero { text-align:center; margin-top:80px; }
.logo-wrap { position:relative; width:160px; height:160px; margin:0 auto 32px; animation:fadeDown 1s ease both; }
.logo-wrap img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 0 32px rgba(201,151,58,0.35)); }
@keyframes fadeDown { from { opacity:0; transform:translateY(-24px); } to { opacity:1; transform:translateY(0); } }
.eyebrow { font-size:11px; font-weight:600; letter-spacing:5px; text-transform:uppercase; color:var(--gold); margin-bottom:20px; animation:fadeIn 1s ease 0.3s both; }
.headline { font-family:'Playfair Display',serif; font-size:clamp(38px,7vw,82px); font-weight:900; line-height:1.05; color:var(--warmwh); margin-bottom:10px; animation:fadeIn 1s ease 0.5s both; }
.headline em { font-style:italic; color:var(--gold); display:block; }
.sub { font-family:'Cormorant Garamond',serif; font-size:clamp(18px,3vw,26px); font-weight:300; font-style:italic; color:rgba(249,246,240,0.75); margin:18px auto 32px; max-width:480px; line-height:1.5; animation:fadeIn 1s ease 0.7s both; }
@keyframes fadeIn { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
.countdown-wrap { margin:36px auto 0; animation:fadeIn 1s ease 0.9s both; }
.countdown-label { font-size:10px; font-weight:600; letter-spacing:4px; text-transform:uppercase; color:var(--gold); margin-bottom:8px; text-align:center; }
.countdown { display:flex; gap:clamp(12px,3vw,32px); justify-content:center; align-items:flex-start; }
.cd-unit { display:flex; flex-direction:column; align-items:center; gap:8px; }
.cd-box { position:relative; width:clamp(72px,14vw,100px); height:clamp(72px,14vw,100px); background:rgba(249,246,240,0.04); border:1px solid rgba(201,151,58,0.35); display:flex; align-items:center; justify-content:center; border-radius:4px; overflow:hidden; }
.cd-box::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(201,151,58,0.08) 0%,transparent 60%); }
.cd-num { font-family:'Playfair Display',serif; font-size:clamp(28px,5.5vw,48px); font-weight:700; color:var(--warmwh); line-height:1; position:relative; z-index:1; transition:transform 0.3s ease,opacity 0.3s ease; }
.cd-num.flip { transform:translateY(-8px); opacity:0; }
.cd-sep { font-family:'Playfair Display',serif; font-size:clamp(28px,5vw,44px); font-weight:700; color:var(--gold); margin-top:12px; opacity:0.6; line-height:1; }
.cd-label { font-size:9px; font-weight:600; letter-spacing:2.5px; text-transform:uppercase; color:rgba(201,151,58,0.8); }
.tagline-wrap { margin:44px auto 0; text-align:center; animation:fadeIn 1s ease 1.1s both; }
.tagline { font-family:'Cormorant Garamond',serif; font-size:clamp(13px,2vw,16px); font-weight:400; letter-spacing:2px; text-transform:uppercase; color:rgba(249,246,240,0.55); margin-top:16px; }
.notify-wrap { margin:40px auto 0; animation:fadeIn 1s ease 1.3s both; text-align:center; }
.notify-form { display:flex; gap:0; max-width:420px; margin:0 auto; border:1px solid rgba(201,151,58,0.4); border-radius:3px; overflow:hidden; }
.notify-input { flex:1; background:rgba(249,246,240,0.06); border:none; outline:none; padding:14px 20px; font-family:'Montserrat',sans-serif; font-size:13px; letter-spacing:0.5px; color:var(--warmwh); }
.notify-input::placeholder { color:rgba(249,246,240,0.35); }
.notify-btn { background:var(--gold); border:none; cursor:pointer; padding:14px 24px; font-family:'Montserrat',sans-serif; font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--navy); transition:background 0.2s ease,transform 0.1s ease; }
.notify-btn:hover { background:#d4a84a; }
.notify-btn:active { transform:scale(0.97); }
.notify-note { font-size:10px; letter-spacing:1.5px; text-transform:uppercase; color:rgba(249,246,240,0.3); margin-top:12px; }
.corner { position:fixed; width:60px; height:60px; pointer-events:none; z-index:2; }
.corner-tl { top:72px; left:24px; border-top:2px solid rgba(201,151,58,0.3); border-left:2px solid rgba(201,151,58,0.3); }
.corner-tr { top:72px; right:24px; border-top:2px solid rgba(201,151,58,0.3); border-right:2px solid rgba(201,151,58,0.3); }
.corner-bl { bottom:24px; left:24px; border-bottom:2px solid rgba(201,151,58,0.3); border-left:2px solid rgba(201,151,58,0.3); }
.corner-br { bottom:24px; right:24px; border-bottom:2px solid rgba(201,151,58,0.3); border-right:2px solid rgba(201,151,58,0.3); }
.social-strip { position:fixed; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; padding:12px 48px; border-top:1px solid rgba(201,151,58,0.15); font-size:10px; letter-spacing:2.5px; text-transform:uppercase; color:rgba(249,246,240,0.35); background:rgba(27,42,74,0.7); backdrop-filter:blur(8px); }
.social-strip span { color:rgba(201,151,58,0.5); }
.social-strip a:hover { color:var(--gold) !important; }