:root{--bg-deep: #020408;--bg-dark: #050a14;--bg-card: rgba(10, 18, 40, .75);--accent-gold: #f5a623;--accent-blue: #4a9eff;--accent-purple: #9b59ff;--text-primary: #e8f0ff;--text-muted: rgba(180, 200, 255, .55);--glass-bg: rgba(8, 15, 35, .7);--glass-border: rgba(80, 130, 255, .18);--glow-gold: 0 0 20px rgba(245, 166, 35, .4);--glow-blue: 0 0 20px rgba(74, 158, 255, .4);--glow-purple: 0 0 20px rgba(155, 89, 255, .35);--radius-lg: 16px;--radius-md: 10px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,sans-serif;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}p{line-height:1.7;color:var(--text-muted)}a{color:var(--accent-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--text-primary)}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.section{padding:100px 0;max-width:1200px;margin:0 auto;padding-inline:24px}.section-title{font-size:clamp(28px,5vw,48px);font-weight:700;text-align:center;margin-bottom:16px}.section-subtitle{font-size:16px;color:var(--text-muted);text-align:center;max-width:600px;margin:0 auto 60px;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none;letter-spacing:.3px}.btn-primary{background:linear-gradient(135deg,#f5a623,#e8890a);color:#000;box-shadow:var(--glow-gold)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #f5a62399;color:#000}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{border-color:var(--accent-blue);box-shadow:var(--glow-blue);color:var(--text-primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px;transition:all .3s}.card:hover{transform:translateY(-4px)}.card.solar:hover{box-shadow:var(--glow-gold);border-color:#f5a62366}.card.lunar:hover{box-shadow:var(--glow-purple);border-color:#9b59ff66}.card-icon{font-size:32px;margin-bottom:16px;display:block}.card-title{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.card-body{font-size:14px;color:var(--text-muted);line-height:1.7}.card-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:4px;margin-bottom:12px}.badge-solar{background:#f5a62326;color:var(--accent-gold);border:1px solid rgba(245,166,35,.3)}.badge-lunar{background:#9b59ff26;color:var(--accent-purple);border:1px solid rgba(155,89,255,.3)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#5082ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5082ff80}@media (max-width: 768px){.section{padding:60px 0;padding-inline:16px}.card-grid{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stagger.visible>*:nth-child(1){opacity:1;transform:none;transition-delay:.05s}.stagger.visible>*:nth-child(2){opacity:1;transform:none;transition-delay:.12s}.stagger.visible>*:nth-child(3){opacity:1;transform:none;transition-delay:.19s}.stagger.visible>*:nth-child(4){opacity:1;transform:none;transition-delay:.26s}.stagger.visible>*:nth-child(5){opacity:1;transform:none;transition-delay:.33s}.stagger.visible>*:nth-child(6){opacity:1;transform:none;transition-delay:.4s}.stagger.visible>*:nth-child(n+7){opacity:1;transform:none;transition-delay:.47s}.page-transition{animation:pageFadeIn .3s ease forwards}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes eclipseGlow{0%,to{box-shadow:0 0 40px 10px #f5a6234d,0 0 80px 20px #f5a62326}50%{box-shadow:0 0 60px 15px #f5a62380,0 0 120px 30px #f5a62333}}.eclipse-glow{animation:eclipseGlow 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.pulse{animation:pulse 2s infinite}@keyframes borderGlow{0%,to{border-color:#5082ff2e}50%{border-color:#5082ff73}}.card-animate{animation:borderGlow 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 6s ease-in-out infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:spinSlow 20s linear infinite}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-text{background:linear-gradient(90deg,var(--text-primary) 25%,var(--accent-gold) 50%,var(--text-primary) 75%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite}@keyframes orbitRing{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.lang-toggle{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:#ffffff0d;border:1px solid rgba(80,130,255,.25);border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--text-muted);font-family:inherit;transition:all .2s;white-space:nowrap;flex-shrink:0}.lang-toggle:hover{border-color:#5082ff8c;background:#5082ff1a;color:var(--text-primary)}.lang-option{color:var(--text-muted);transition:color .2s}.lang-option.lang-active{color:var(--accent-blue)}.lang-sep{color:#5082ff4d;font-weight:400}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between;background:#020408d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(80,130,255,.12);transition:background .3s;gap:12px}.navbar.scrolled{background:#020408f7;border-bottom-color:#5082ff38}.navbar-logo{font-size:18px;font-weight:800;letter-spacing:2px;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:6px}.navbar-logo span{color:var(--accent-gold)}.navbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.navbar-links{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.navbar-link{padding:8px 14px;color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s}.navbar-link:hover{color:var(--text-primary);background:#5082ff1a}.navbar-link.active{color:var(--text-primary);background:#5082ff14}.navbar-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;cursor:pointer;background:none;border:none;padding:4px}.navbar-hamburger span{display:block;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s}@media (max-width: 768px){.navbar-hamburger{display:flex}.navbar-right{order:3}.navbar-links{display:none;flex-direction:column;align-items:stretch;position:absolute;top:64px;left:0;right:0;background:#050a14fa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:12px 16px 16px;border-bottom:1px solid var(--glass-border);gap:4px;z-index:999}.navbar-links.open{display:flex}.navbar-link{padding:10px 16px;border-radius:8px}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px 60px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-content{position:relative;z-index:1;max-width:800px}.hero-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:4px;color:var(--accent-gold);margin-bottom:20px;display:block}.hero-title{font-size:clamp(36px,8vw,80px);font-weight:900;line-height:1.05;margin-bottom:24px;background:linear-gradient(135deg,#fff 30%,#a8c8ff 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(14px,2vw,18px);color:var(--text-muted);line-height:1.75;max-width:560px;margin:0 auto 40px}.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-ring{width:320px;height:320px;border-radius:50%;border:2px solid rgba(245,166,35,.3);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.hero-ring-inner{width:240px;height:240px;border-radius:50%;border:1px solid rgba(245,166,35,.15);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1;color:var(--text-muted);font-size:11px;letter-spacing:2px;text-transform:uppercase;animation:bounce 2s ease-in-out infinite}.hero-scroll-arrow{width:20px;height:20px;border-right:2px solid rgba(180,200,255,.4);border-bottom:2px solid rgba(180,200,255,.4);transform:rotate(45deg)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--accent-blue);margin-bottom:12px;text-align:center;display:block}.how-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.how-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px;transition:all .3s}.how-card:hover{border-color:#4a9eff66;box-shadow:var(--glow-blue);transform:translateY(-3px)}.how-number{font-size:40px;font-weight:900;color:#4a9eff26;line-height:1;margin-bottom:12px;font-variant-numeric:tabular-nums}.how-title{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--accent-blue)}.how-body{font-size:14px;color:var(--text-muted);line-height:1.7}.eclipse-table-wrap{overflow-x:auto;border-radius:var(--radius-lg)}.eclipse-table{width:100%;border-collapse:separate;border-spacing:0 6px;min-width:540px}.eclipse-table th{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:8px 16px;text-align:left}.eclipse-table td{padding:12px 16px;font-size:13px;background:var(--bg-card);transition:background .15s}.eclipse-table td:first-child{border-radius:8px 0 0 8px}.eclipse-table td:last-child{border-radius:0 8px 8px 0}.eclipse-table tr.clickable:hover td{background:#142350e6;cursor:pointer}.filter-bar{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{padding:7px 16px;border-radius:6px;border:1px solid var(--glass-border);background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}.filter-btn:hover{color:var(--text-primary);border-color:#5082ff66}.filter-btn.active{background:#4a9eff26;border-color:#4a9eff80;color:var(--text-primary)}.type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.type-solar{background:#f5a62326;color:var(--accent-gold)}.type-lunar{background:#9b59ff26;color:var(--accent-purple)}.data-empty{text-align:center;color:var(--text-muted);font-size:14px;padding:40px}.sim-page{position:fixed;inset:0;background:#000;z-index:500;display:flex;flex-direction:column}.sim-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;min-height:52px;background:#02040ceb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(80,130,255,.15);z-index:10;gap:12px}.sim-back{padding:7px 14px;background:#ffffff0d;border:1px solid rgba(80,130,255,.3);border-radius:8px;color:#c8d8ff;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s;white-space:nowrap;flex-shrink:0}.sim-back:hover{border-color:#78aaff99;background:#0f193ce6;color:var(--text-primary)}.sim-iframe{flex:1;width:100%;border:none;display:block;min-height:0}.sim-overlay{position:absolute;inset:52px 0 0;background:#000010;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:14px;letter-spacing:3px;color:#96b4ff99;transition:opacity .5s;pointer-events:none;text-transform:uppercase}.sim-overlay-bar{width:160px;height:2px;background:#5082ff26;border-radius:1px;overflow:hidden}.sim-overlay-bar-inner{height:100%;background:#64a0ffe6;border-radius:1px;animation:simLoad 1.4s ease-in-out infinite}@keyframes simLoad{0%{width:0;margin-left:0}50%{width:55%;margin-left:22%}to{width:0;margin-left:100%}}.site-footer{border-top:1px solid rgba(80,130,255,.1);background:var(--bg-dark)}.site-footer-inner{padding:48px 24px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.site-footer p{font-size:13px;color:var(--text-muted);line-height:1.7;margin-bottom:8px}.site-footer a{color:var(--accent-blue);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--text-primary)}.footer-title{font-size:15px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.footer-logo{font-size:20px;font-weight:800;letter-spacing:2px;color:var(--text-primary);margin-bottom:12px;display:block}.footer-logo span{color:var(--accent-gold)}.footer-bottom{border-top:1px solid rgba(80,130,255,.08);padding:16px 24px;text-align:center}.footer-bottom p{font-size:12px;color:#82a0dc59}@media (max-width: 600px){.site-footer-inner{grid-template-columns:1fr;gap:32px}}.eclipse-category-divider{display:flex;align-items:center;gap:16px;margin:40px 0 24px}.eclipse-category-divider:before,.eclipse-category-divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.eclipse-category-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;white-space:nowrap}