:root{--pink-main:#f8a5b8;--pink-light:#ffcad4;--pink-deep:#e8899c;--blue-sky:#7bc8f6;--blue-light:#a5ddfb;--purple-soft:#c9a0dc;--purple-deep:#a87dc2;--gold-sun:#f5d76e;--green-ok:#8ed16c;--bg-cream:#fff9f5;--bg-gradient:linear-gradient(135deg, #fff9f5 0%, #f0f8ff 50%, #fff5f8 100%);--text-dark:#5d4e60;--text-mid:#6b5c70;--text-aux:#807084;--border-soft:#f0e6eb;--shadow-pink:#f8a5b826;--shadow-blue:#7bc8f61f;--card-bg:#ffffffeb;--header-bg:#ffffffe6;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-pill:9999px;--width-article:900px;--width-hub:1100px;--width-explorer:1400px;--width-header:1400px;--font-heading:"Fredoka", system-ui, sans-serif;--font-body:"Quicksand", system-ui, sans-serif;--ease-soft:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text-dark);background:var(--bg-cream);background-image:var(--bg-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:1.05rem;line-height:1.65}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#f8a5b81a 0%,#0000 50%),radial-gradient(at 80% 60%,#7bc8f614 0%,#0000 50%),radial-gradient(at 50% 90%,#c9a0dc0f 0%,#0000 50%);position:fixed;inset:0}#root{z-index:1;max-width:var(--width-hub);margin:0 auto;padding:0 24px;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-dark);font-weight:600;line-height:1.25}h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.2rem)}h2{letter-spacing:-.01em;font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.25rem}a{color:var(--purple-deep);transition:color .2s var(--ease-soft);text-decoration:none}a:hover{color:var(--pink-deep)}p{margin-bottom:1rem}.site-header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-soft);margin:0 -24px;padding:0 24px;position:sticky;top:0}.header-inner{max-width:var(--width-header);justify-content:space-between;align-items:center;height:60px;margin:0 auto;display:flex}.site-logo{font-family:var(--font-heading);color:var(--text-dark);align-items:center;gap:8px;font-size:1.35rem;font-weight:700;display:flex}.site-logo .logo-icon{font-size:1.5rem}.site-nav{gap:4px;list-style:none;display:flex}.site-nav a{border-radius:var(--radius-pill);font-family:var(--font-heading);color:var(--text-mid);transition:all .2s var(--ease-soft);align-items:center;padding:8px 18px;font-size:.95rem;font-weight:500;display:inline-flex}.site-nav a:hover{color:var(--pink-deep);background:#f8a5b81f}.site-nav a.active{color:var(--pink-deep);background:#f8a5b826;border:1px solid #f8a5b84d}.mobile-menu-btn{cursor:pointer;color:var(--text-dark);background:0 0;border:none;font-size:1.5rem;display:none}.hero{text-align:center;padding:64px 24px 40px}.hero h1{margin-bottom:16px}.hero .subtitle{color:var(--text-mid);max-width:640px;margin:0 auto 32px;font-size:1.15rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{border-radius:var(--radius-pill);font-family:var(--font-heading);cursor:pointer;transition:all .2s var(--ease-soft);border:none;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--pink-main), var(--pink-deep));color:#fff;box-shadow:0 4px 14px var(--shadow-pink)}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #f8a5b840}.btn-secondary{background:linear-gradient(135deg, var(--blue-light), var(--blue-sky));color:#fff;box-shadow:0 4px 14px var(--shadow-blue)}.btn-secondary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #7bc8f640}.btn-outline{border:2px solid var(--pink-main);color:var(--pink-deep);background:0 0}.btn-outline:hover{background:#f8a5b814}.card{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:0 2px 12px var(--shadow-pink);transition:transform .2s var(--ease-soft), box-shadow .2s var(--ease-soft);padding:28px}.card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f8a5b82e}.eclipse-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;padding:24px 0;display:grid}.eclipse-card{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:0 2px 16px var(--shadow-pink);transition:transform .3s var(--ease-soft), box-shadow .3s var(--ease-soft);text-align:center;padding:32px}.eclipse-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #f8a5b833}.eclipse-card .eclipse-date{font-family:var(--font-heading);color:var(--pink-deep);margin-bottom:8px;font-size:1.1rem;font-weight:600}.eclipse-card h2{margin-bottom:12px;font-size:1.6rem}.eclipse-card .eclipse-stats{flex-wrap:wrap;justify-content:center;gap:16px;margin:16px 0;display:flex}.eclipse-card .stat-pill{border:1px solid var(--border-soft);border-radius:var(--radius-pill);color:var(--text-mid);background:#f8a5b81a;padding:6px 16px;font-size:.9rem;font-weight:500}.eclipse-card .stat-pill strong{color:var(--text-dark)}.countdown{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0;display:flex}.countdown-block{border:1px solid var(--border-soft);border-radius:var(--radius-md);text-align:center;background:linear-gradient(135deg,#c9a0dc1f,#f8a5b814);min-width:80px;padding:16px 20px}.countdown-block .number{font-family:var(--font-heading);color:var(--purple-deep);font-size:2rem;font-weight:700;line-height:1}.countdown-block .label{color:var(--text-aux);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.8rem}.map-container{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--card-bg);overflow:hidden;box-shadow:0 4px 20px #0000000f}.map-container canvas{display:block}.city-search{gap:8px;max-width:500px;margin:0 auto 24px;display:flex}.city-search input{border:2px solid var(--border-soft);border-radius:var(--radius-pill);font-family:var(--font-body);color:var(--text-dark);transition:border-color .2s var(--ease-soft);background:#fff;flex:1;padding:12px 20px;font-size:1rem}.city-search input:focus{border-color:var(--purple-soft);outline:none;box-shadow:0 0 0 3px #c9a0dc26}.city-search button{padding:12px 28px}.city-result{max-width:500px;margin:0 auto}.city-result .card{text-align:left}.city-result .time-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;padding:8px 0;display:flex}.city-result .time-row:last-child{border-bottom:none}.info-section{padding:40px 0}.info-section h2{text-align:center;margin-bottom:24px}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.info-card{text-align:center}.info-card .info-icon{margin-bottom:12px;font-size:2.5rem}.info-card h3{margin-bottom:8px}.faq-list{max-width:var(--width-article);margin:0 auto}.faq-item{border-bottom:1px solid var(--border-soft);padding:20px 0}.faq-item summary{font-family:var(--font-heading);cursor:pointer;color:var(--text-dark);justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;list-style:none;display:flex}.faq-item summary:after{content:"+";color:var(--purple-soft);transition:transform .2s var(--ease-soft);font-size:1.3rem}.faq-item[open] summary:after{content:"−"}.faq-item .faq-answer{color:var(--text-mid);padding-top:12px;line-height:1.7}.breadcrumb{color:var(--text-aux);align-items:center;gap:8px;padding:16px 0;font-size:.9rem;display:flex}.breadcrumb a{color:var(--text-aux)}.breadcrumb a:hover{color:var(--pink-deep)}.breadcrumb .sep{color:var(--border-soft)}.site-footer{border-top:1px solid var(--border-soft);text-align:center;background:#fff9;margin:48px -24px 0;padding:32px 24px}.site-footer p{color:var(--text-aux);margin-bottom:8px;font-size:.9rem}.site-footer a{color:var(--text-mid)}.site-footer .footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.status-badge{border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;font-family:var(--font-heading);align-items:center;gap:6px;padding:6px 16px;display:inline-flex}.status-upcoming{color:#3a8fd4;background:#7bc8f626}.status-counting{color:#5c9a3a;background:#8ed16c26}.status-past{color:var(--text-aux);background:#8070841a}.page-header{text-align:center;padding:48px 24px 32px}.page-header h1{margin-bottom:12px}.path-stats{flex-wrap:wrap;justify-content:center;gap:20px;margin:24px 0;display:flex}.path-stat{text-align:center;background:var(--card-bg);border:1px solid var(--border-soft);border-radius:var(--radius-md);min-width:140px;box-shadow:0 2px 8px var(--shadow-pink);padding:20px 28px}.path-stat .stat-value{font-family:var(--font-heading);color:var(--purple-deep);font-size:1.6rem;font-weight:700}.path-stat .stat-label{color:var(--text-aux);margin-top:4px;font-size:.85rem}.subscribe-section{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:#f8a5b80f;margin:40px 0;padding:48px 24px}.subscribe-section h2{margin-bottom:8px}.subscribe-form{gap:8px;max-width:420px;margin:20px auto 0;display:flex}.subscribe-form input{border:2px solid var(--border-soft);border-radius:var(--radius-pill);font-family:var(--font-body);flex:1;padding:12px 20px;font-size:1rem}.subscribe-form input:focus{border-color:var(--purple-soft);outline:none}@media (width<=1120px){.site-nav{display:none}.mobile-menu-btn{display:block}.site-nav.open{background:var(--header-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-soft);flex-direction:column;gap:2px;padding:12px 24px;display:flex;position:absolute;top:60px;left:0;right:0}.site-nav.open a{border-radius:var(--radius-md);padding:12px 16px}}@media (width<=640px){#root{padding:0 16px}.hero{padding:40px 16px 24px}.eclipse-grid{grid-template-columns:1fr}.countdown-block{min-width:65px;padding:12px 14px}.countdown-block .number{font-size:1.5rem}.path-stats{gap:12px}.path-stat{min-width:100px;padding:14px 16px}.btn{padding:10px 22px;font-size:.9rem}.site-footer{padding:24px 16px}}