*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#071724;color:#eef8f4;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden;transition:background 1s,color 1s}body.day{background:#dce9e7;color:#16332d}body.day header{background:rgba(220,233,231,.72)}body.day .panel,body.day .capital-card,body.day .sun-card{background:rgba(255,255,255,.52);border-color:rgba(22,51,45,.12)}body.day .message{background:#477b6b}.aurora,.stars,.clouds{position:fixed;inset:0;pointer-events:none}.aurora{z-index:-4;background:radial-gradient(circle at 20% 35%,rgba(42,151,135,.28),transparent 28%),radial-gradient(circle at 80% 20%,rgba(82,106,205,.23),transparent 26%),radial-gradient(circle at 55% 85%,rgba(227,143,84,.18),transparent 24%);animation:aurora 16s ease-in-out infinite alternate}.stars{z-index:-3;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(rgba(255,255,255,.7) 1px,transparent 1px);background-size:83px 83px,137px 137px;background-position:0 0,40px 70px;opacity:.28;animation:stars 25s linear infinite}.clouds{z-index:-2;opacity:.08;background:radial-gradient(ellipse at 20% 25%,#fff 0 2%,transparent 10%),radial-gradient(ellipse at 75% 40%,#fff 0 2%,transparent 12%);animation:clouds 35s linear infinite}.clock-ring{display:none}header{height:72px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:rgba(7,23,36,.58);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.logo{font-size:13px;font-weight:800;letter-spacing:.2em;color:inherit;text-decoration:none}nav{display:flex;gap:30px;font-size:13px;opacity:.75}nav a{color:inherit;text-decoration:none}nav a:hover{opacity:1}header button{border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit;border-radius:50%;width:38px;height:38px;cursor:pointer}.hero{min-height:100vh;padding:125px 7% 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}.eyebrow{font-size:10px;letter-spacing:.24em;opacity:.55;font-weight:800}.hero h1{font-size:clamp(42px,6vw,82px);line-height:1.13;letter-spacing:-.055em;margin:22px 0}.hero h1 span{color:#79c7a8}.desc{max-width:680px;color:rgba(238,248,244,.64);font-size:16px;line-height:1.8}.desc strong{color:#79c7a8}.live-clock{margin-top:35px}.live-clock #time{font-variant-numeric:tabular-nums;font-size:clamp(48px,7vw,86px);font-weight:300;letter-spacing:-.05em}.live-clock #date{font-size:14px;margin-top:3px}.live-clock #timezone{font-size:11px;opacity:.5;margin-top:3px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{border-radius:999px;padding:13px 20px;border:1px solid transparent;cursor:pointer;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-3px)}.primary{background:#79c7a8;color:#092219}.secondary{background:transparent;border-color:rgba(255,255,255,.18);color:inherit}.privacy{font-size:10px;opacity:.38}.world-card{height:min(610px,70vw);min-height:450px;border-radius:40px;position:relative;overflow:hidden;background:linear-gradient(180deg,#142e45,#071722 70%);box-shadow:0 30px 100px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1)}.sky-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#102c48 0%,#2f6e87 48%,#d48f68 78%,#152b2a 100%);transition:background 1s}.world-card.night .sky-gradient{background:linear-gradient(180deg,#030914,#101d38 50%,#273b51 78%,#071513)}.sun-moon{position:absolute;width:145px;height:145px;border-radius:50%;left:50%;top:29%;transform:translate(-50%,-50%);background:#f6d78e;box-shadow:0 0 80px rgba(246,215,142,.35);transition:all 1s;z-index:2}.sun-moon.moon{background:#e6eef4;box-shadow:0 0 55px rgba(210,230,245,.28)}.horizon{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(150deg,#102d28 20%,#061512 21%);clip-path:polygon(0 52%,10% 38%,18% 48%,27% 30%,36% 45%,48% 22%,56% 42%,68% 28%,78% 46%,88% 26%,100% 44%,100% 100%,0 100%);z-index:3}.city-glow{position:absolute;bottom:18%;left:15%;right:15%;height:5px;background:#e5c577;box-shadow:0 0 35px 8px rgba(229,197,119,.2);opacity:.8;z-index:4}.location-card{position:absolute;left:7%;bottom:7%;right:7%;padding:17px 19px;display:flex;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(4,17,25,.5);backdrop-filter:blur(16px);border-radius:20px;z-index:5}.pin{color:#79c7a8;font-size:12px}.location-card small,.location-card em{display:block;font-size:10px;opacity:.5;font-style:normal}.location-card strong{display:block;font-size:16px;margin:2px 0}.dashboard{padding:20px 7% 45px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.panel{padding:27px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:23px;transition:.3s}.panel:hover{transform:translateY(-6px);background:rgba(255,255,255,.08)}.panel-icon{font-size:25px;display:block;margin-bottom:18px}.panel small,.sun-card small,.capital-card small{font-size:9px;letter-spacing:.18em;opacity:.45}.panel h2{font-size:34px;font-weight:400;margin:4px 0}.panel p{font-size:11px;opacity:.5;margin:0}.sun-grid{padding:0 7% 100px;display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.sun-card,.capital-card{padding:28px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sun-card strong,.capital-card strong{display:block;font-size:27px;font-weight:400;margin-top:7px}.sun-line{height:4px;flex:1;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}.sun-line i{display:block;height:100%;width:0;background:#e7b86b;border-radius:99px;transition:width 1s}.capital-card{display:block}.capital-card span{display:block;font-size:11px;opacity:.55;margin-top:5px}.map-section{padding:105px 7% 120px;background:rgba(255,255,255,.025)}.section-title{max-width:760px;margin-bottom:40px}.section-title h2,.message h2{font-size:clamp(32px,4.5vw,58px);line-height:1.25;letter-spacing:-.04em;margin:0 0 15px}.section-title p:last-child{opacity:.5;line-height:1.7}.map-wrap{position:relative;height:560px;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 70px rgba(0,0,0,.2)}#mapCanvas{height:100%;width:100%;background:#d9e1dd}.map-overlay{position:absolute;z-index:500;left:22px;top:22px;padding:14px 18px;border-radius:16px;background:rgba(4,17,25,.72);backdrop-filter:blur(15px);color:#fff}.map-overlay b,.map-overlay span{display:block}.map-overlay b{font-size:14px}.map-overlay span{font-size:10px;opacity:.55;margin-top:3px}.leaflet-control-attribution{font-size:9px}.life{padding:120px 7%}.life-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.life-grid article{min-height:330px;border-radius:27px;padding:27px;position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);transition:.3s}.life-grid article:hover{transform:translateY(-8px)}.life-grid article:nth-child(1){background:linear-gradient(150deg,rgba(236,169,103,.2),rgba(255,255,255,.03))}.life-grid article:nth-child(2){background:linear-gradient(150deg,rgba(121,199,168,.2),rgba(255,255,255,.03))}.life-grid article:nth-child(3){background:linear-gradient(150deg,rgba(120,142,210,.22),rgba(255,255,255,.03))}.life-grid article:nth-child(4){background:linear-gradient(150deg,rgba(151,117,190,.2),rgba(255,255,255,.03))}.life-grid b{font-size:10px;opacity:.4}.life-grid span{display:block;font-size:45px;margin:55px 0 10px}.life-grid h3{font-size:24px;margin:0}.life-grid p{font-size:13px;opacity:.5;line-height:1.7}.message{margin:0 7% 100px;padding:70px;border-radius:35px;background:#285e50;display:flex;align-items:end;justify-content:space-between;gap:30px}.message h2{max-width:800px}.light{background:#edf7ef;color:#173b30}.message .eyebrow{color:#d9f0e5}.message .btn{flex-shrink:0}footer{padding:35px 7%;display:flex;justify-content:space-between;font-size:10px;opacity:.45;border-top:1px solid rgba(255,255,255,.08)}@keyframes aurora{to{transform:rotate(12deg) scale(1.1)}}@keyframes stars{to{background-position:83px 83px,177px 0}}@keyframes clouds{to{transform:translateX(20vw)}}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr}.world-card{height:500px}.dashboard{grid-template-columns:1fr 1fr}.sun-grid{grid-template-columns:1fr}.life-grid{grid-template-columns:1fr 1fr}.message{display:block}.message .btn{margin-top:25px}}@media(max-width:560px){.hero{padding:105px 6% 50px}.world-card{min-height:400px;height:105vw;border-radius:27px}.dashboard{padding:15px 6% 35px}.sun-grid{padding:0 6% 70px}.sun-card{align-items:stretch;flex-direction:column}.sun-line{width:100%}.map-section{padding:80px 6%}.map-wrap{height:450px;border-radius:25px}.life{padding:80px 6%}.life-grid{grid-template-columns:1fr}.message{margin:0 6% 70px;padding:35px 27px}footer{padding:28px 6%;flex-direction:column;gap:8px}}