body{margin:0;overflow:hidden;background:#080a12}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: true;}:root{--base-w: 1536;--base-h: 988.8;--scene-scale: max(calc(100vw / 1920), calc(100dvh / 960));--size-w: calc(var(--base-w) * var(--scene-scale));--size-h: calc(var(--base-h) * var(--scene-scale));--day-top: #4b8fc4;--day-mid: #6da2c3;--day-bottom: #e7a06d;--sunset-top: #b95f58;--sunset-mid: #d77b63;--sunset-bottom: #e6a06d;--night-top: #101b38;--night-mid: #20284a;--night-bottom: #46345f;--sun: #ffd978;--sun-light: #fff1bd;--moon: #dce5ed;--moon-light: #f5f7fa;--moon-shadow: #8795aa;animation:spin 15s linear infinite}@keyframes spin{0%,7.5%{--angle: 0deg}42.5%,57.5%{--angle: 180deg}90.25%,to{--angle: 360deg}}.main{position:fixed;left:50%;top:15%;overflow:hidden;width:calc(var(--size-w) * 2);height:calc(var(--size-h) * 2);transform:translate(-50%,-50%);transform-style:preserve-3d}.bg1,.bg2{width:calc(var(--size-w) * 2);height:calc(var(--size-h) * 2);margin:auto;position:relative;transform-style:preserve-3d;transform:rotate(var(--angle));backface-visibility:hidden;overflow:hidden;will-change:transform}.bg1{transform-origin:bottom center;z-index:1;background:radial-gradient(ellipse 50% 24% at 50% 76%,rgba(255,220,140,.5),transparent 70%),linear-gradient(180deg,var(--day-top) 0%,var(--day-mid) 42%,var(--day-bottom) 100%)}.bg2{transform-origin:top center;z-index:1;background:radial-gradient(ellipse 48% 24% at 50% 18%,rgba(130,150,215,.16),transparent 70%),linear-gradient(180deg,var(--night-top) 0%,var(--night-mid) 46%,var(--night-bottom) 100%)}.bg1:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 28% 8% at 22% 35%,rgba(255,244,210,.18),transparent 72%),radial-gradient(ellipse 34% 10% at 72% 57%,rgba(255,226,185,.14),transparent 72%)}.bg2:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;background:radial-gradient(circle at 18% 22%,rgba(230,237,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 34% 14%,rgba(255,255,255,.85) 0 1px,transparent 1.5px),radial-gradient(circle at 62% 25%,rgba(220,232,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 18%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 86% 42%,rgba(220,230,255,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 45% 38%,rgba(255,255,255,.75) 0 1px,transparent 1.5px)}.fg1,.fg2{width:calc(var(--size-w) * 2 * .1);height:calc(var(--size-h) * 2 * .4);margin:auto;position:relative;transform-style:preserve-3d;z-index:10;backface-visibility:hidden;will-change:transform}.fg1{transform-origin:bottom center;background:linear-gradient(180deg,transparent -100%,rgba(240,163,77,.28) 12%,#f0a34d 30%,var(--sun) 50%,var(--sun-light) 68%,var(--sun) 82%,#f0a34d 94%,transparent -300%);transform:translateY(calc(var(--size-h) * 2 * .6)) rotate(calc(var(--angle) * -2)) translateZ(10px)}.fg2{transform-origin:top center;background:linear-gradient(180deg,transparent -100%,rgba(110,125,150,.28) 8%,var(--moon-shadow) 25%,var(--moon) 45%,var(--moon-light) 62%,var(--moon) 98%,var(--moon-shadow) 150%,transparent -200%);transform:rotate(calc(var(--angle) * -2)) translateZ(10px)}.fg1:before{content:"";position:absolute;inset:8%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.4),transparent 24%);opacity:.6;animation:sun-surface 15s ease-in-out infinite}@keyframes sun-surface{0%,7.5%{opacity:.35;transform:scale(.96)}20%,35%{opacity:.55;transform:scale(1)}42.5%,57.5%{opacity:.2;transform:scale(.97)}90.25%,to{opacity:.35;transform:scale(.96)}}.fg2:before{content:"";position:absolute;inset:10%;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(115,125,165,.18) 0 5%,transparent 6%),radial-gradient(circle at 65% 58%,rgba(105,115,155,.15) 0 8%,transparent 9%),radial-gradient(circle at 42% 70%,rgba(110,120,160,.13) 0 5%,transparent 6%);opacity:.7}.debug{position:fixed;top:0;left:0;width:100vw;height:100dvh;border:1px solid rgba(255,255,255,.25);z-index:100;pointer-events:none;box-sizing:border-box}.content{position:absolute;z-index:1950;display:flex;padding-left:clamp(24px,7vw,140px);padding-top:10%;box-sizing:border-box;font-family:sans-serif;animation:title-color 15s linear infinite}.content h1{margin:0;font-size:clamp(58px,7.5vw,132px);font-weight:500;line-height:.86;letter-spacing:-.065em;will-change:transform,opacity;animation:title-drift 15s ease-in-out infinite,title-breathe 15s ease-in-out infinite}.content h1 span{opacity:.46}@keyframes title-color{0%,7.5%{color:#182230f0}20%{color:#30272bf0}35%{color:#303742f0}42.5%,57.5%{color:#dab874f0}70%{color:#d2aa66f0}85%{color:#30272bf0}90.25%,to{color:#182230f0}}@keyframes title-drift{0%,7.5%{transform:translateZ(0)}42.5%,57.5%{transform:translate3d(4px,-2px,0)}90.25%,to{transform:translateZ(0)}}@keyframes title-breathe{0%,7.5%,90.25%,to{letter-spacing:-.065em;opacity:1}42.5%,57.5%{letter-spacing:-.055em;opacity:.94}}@media (max-width: 700px){.content{padding-left:20px;padding-right:20px}.content h1{font-size:clamp(48px,15vw,78px)}}