.home-ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#0b0a0d}
.home-ambient canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.ambient-light{position:absolute;width:68vw;height:68vw;min-width:500px;min-height:500px;border-radius:50%;filter:blur(45px);will-change:transform;mix-blend-mode:screen}
.light-a{left:-25%;top:-45%;background:radial-gradient(circle,#66203977,transparent 63%);animation:ambient-drift-a 22s ease-in-out infinite alternate}
.light-b{right:-32%;top:5%;background:radial-gradient(circle,#62394555,transparent 63%);animation:ambient-drift-b 28s ease-in-out infinite alternate}
.light-c{left:5%;bottom:-60%;background:radial-gradient(circle,#70394c55,transparent 61%);animation:ambient-drift-c 32s ease-in-out infinite alternate}
.ambient-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#0b0a0d15,transparent 30%,#0b0a0d22),radial-gradient(ellipse at center,transparent 25%,#0b0a0d66)}
body>header,body>main,body>footer{position:relative;z-index:1}body>header{background:#0b0a0d70;backdrop-filter:blur(16px)}
.home-nav-link{margin-left:auto;color:#a995a0;text-decoration:none;font-size:13px;transition:color .2s}.home-nav-link:hover{color:#f7ecf0}
main:has(#home:not([hidden])){position:relative;z-index:1}footer{background:transparent;border-color:#ffffff0b;color:#756970}
.hero-art{background:radial-gradient(ellipse at 50% 75%,#752b4155,transparent 65%),linear-gradient(145deg,#1b141bb3,#0d0c12aa);box-shadow:inset 0 1px 0 #ffffff10,0 30px 80px #0005;border-color:#ffffff10}
.art-grid{opacity:.55;animation:grid-drift 28s linear infinite}.art-orbit{display:none}
.art-composition{position:absolute;inset:0;perspective:900px;transform-style:preserve-3d}
.art-composition i{position:absolute;display:block;left:50%;top:44%;width:56%;height:55%;border:1px solid #d3a1b14a;border-radius:16px;background:linear-gradient(145deg,#fff8fc08,#fff0f001);box-shadow:inset 0 1px 0 #ffffff12,0 20px 55px #0005;transform-origin:center;will-change:transform}
.art-composition .frame-a{animation:frame-drift-a 12s ease-in-out infinite alternate}
.art-composition .frame-b{width:45%;height:47%;border-color:#a664782b;animation:frame-drift-b 15s ease-in-out infinite alternate}
.art-composition .frame-c{width:32%;height:39%;border-color:#eed5df45;animation:frame-drift-c 18s ease-in-out infinite alternate}
.art-horizon{position:absolute;left:10%;right:10%;top:69%;height:1px;background:linear-gradient(90deg,transparent,#dfa8b680,transparent);box-shadow:0 0 24px #efa4b95a;animation:horizon-breathe 7s ease-in-out infinite alternate}
.art-sun{position:absolute;width:23%;aspect-ratio:1;left:39%;top:32%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5d2dd,#be6179 20%,#733148 48%,#281524 77%);box-shadow:0 0 70px #c9738c35;animation:sun-breathe 11s ease-in-out infinite alternate}
.showcase-card{background-image:linear-gradient(150deg,#ffffff02,transparent);transition:border-color .3s,transform .45s cubic-bezier(.2,.8,.2,1)}.showcase-card:hover{transform:translateY(-6px);border-color:#d28d9f44}
.auth-feature{background:radial-gradient(ellipse at 50% 65%,#6b304844,transparent 70%),#171017}.auth-feature:before{opacity:.55;animation:login-grid 25s ease-in-out infinite alternate}.auth-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.auth-art i{position:absolute;border:1px solid #e8bbc22e;border-radius:50%;width:85%;aspect-ratio:1;left:10%;top:9%;transform:rotateX(60deg) rotate(-25deg);animation:auth-orbit 19s ease-in-out infinite alternate}.auth-art i:nth-child(2){width:65%;left:20%;top:20%;animation-delay:-7s;border-color:#ffffff1c}.auth-art i:nth-child(3){width:40%;left:32%;top:33%;animation-delay:-13s;background:radial-gradient(circle,#ad576355,transparent 70%)}
.auth-feature-copy{padding-top:280px}.auth-feature-copy p.eyebrow{font-size:11px;letter-spacing:.18em}.auth-feature-copy h2{margin:15px 0 0;font-size:32px;line-height:1.35}
.auth-shell{animation:auth-reveal .35s cubic-bezier(.2,.8,.2,1) both}#home-login,.hero-actions .primary,.home-closing .primary{transition:transform .3s,box-shadow .3s,background .2s}.hero-actions .primary:hover,#home-login:hover{transform:translateY(-2px);box-shadow:0 12px 45px #d02a4145}
.motion-paused .home-ambient *,.motion-paused .hero-art *,.motion-paused .auth-feature *{animation-play-state:paused!important}
@keyframes ambient-drift-a{from{transform:translate3d(-5%,-5%,0) scale(.95)}to{transform:translate3d(35%,25%,0) scale(1.15)}}
@keyframes ambient-drift-b{from{transform:translate3d(0,-15%,0) scale(1)}to{transform:translate3d(-35%,15%,0) scale(1.2)}}
@keyframes ambient-drift-c{from{transform:translate3d(-20%,10%,0) scale(.9)}to{transform:translate3d(30%,-35%,0) scale(1.1)}}
@keyframes grid-drift{from{transform:rotate(-17deg) rotateX(48deg) translateY(0)}to{transform:rotate(-17deg) rotateX(48deg) translateY(32px)}}
@keyframes frame-drift-a{from{transform:translate(-50%,-50%) rotateY(-21deg) rotateZ(-12deg)}to{transform:translate(-49%,-53%) rotateY(-13deg) rotateZ(-8deg)}}
@keyframes frame-drift-b{from{transform:translate(-50%,-50%) rotateY(23deg) rotateZ(16deg)}to{transform:translate(-53%,-48%) rotateY(15deg) rotateZ(12deg)}}
@keyframes frame-drift-c{from{transform:translate(-50%,-50%) rotateY(-8deg) rotateZ(-3deg)}to{transform:translate(-46%,-55%) rotateY(9deg) rotateZ(4deg)}}
@keyframes sun-breathe{from{transform:translateY(-5px) scale(.98);opacity:.72}to{transform:translateY(7px) scale(1.04);opacity:.95}}
@keyframes horizon-breathe{from{transform:scaleX(.85);opacity:.45}to{transform:scaleX(1);opacity:.8}}
@keyframes login-grid{from{transform:rotate(-25deg) translateX(-10px)}to{transform:rotate(-21deg) translateX(24px)}}
@keyframes auth-orbit{from{transform:rotateX(60deg) rotate(-25deg) translateY(0)}to{transform:rotateX(52deg) rotate(-8deg) translateY(14px)}}
@keyframes auth-reveal{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:560px){.home-nav-link{display:none}body>footer{gap:8px;flex-direction:column}.ambient-light{min-width:380px;min-height:380px;filter:blur(30px)}.hero-art{height:330px}.art-composition i{width:52%;height:57%}}
@media(prefers-reduced-motion:reduce){.home-ambient *,.hero-art *,.auth-feature *,.auth-shell{animation:none!important;will-change:auto}.showcase-card:hover,.hero-actions .primary:hover,#home-login:hover{transform:none}}