/* A complete viewport composition: identity, creation stage, inspiration strip. */
.auth-screen{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) clamp(150px,21vh,210px);gap:18px;height:100svh;min-height:720px;padding:24px max(28px,calc((100vw - 1280px)/2)) 26px;align-items:stretch;justify-content:stretch;background:radial-gradient(ellipse at 27% 42%,#b7d6ff90,transparent 54%),linear-gradient(120deg,#e5f0ff,#f1f7ff 65%,#dae9ff)}
.auth-brand{position:relative;inset:auto;transform:none;width:100%;z-index:3;align-self:center}.auth-brand .wordmark{font-size:21px;gap:10px}.auth-brand .edition{font-size:9px;letter-spacing:.18em}
.ai-badge{display:inline-flex;align-items:center;justify-content:center;font:italic 800 14px/1 'Segoe UI',sans-serif;letter-spacing:-.04em;padding:6px 8px;border:1px solid #91bcff;border-radius:7px;color:#fff;background:linear-gradient(135deg,#5cb8ff,#185eee);box-shadow:0 3px 14px #2275ef35}.sidebar .wordmark{gap:7px}.sidebar .ai-badge{font-size:11px;padding:5px}
.auth-stage{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:64px;align-items:center;min-height:0;position:relative}.auth-art{order:0;width:100%;height:100%;min-height:0;max-height:640px;margin:0;align-self:center;display:flex;justify-content:center;padding:0 0 35px;position:relative}.scene-image{position:relative;top:auto;width:100%;height:100%;max-width:740px;max-height:100%;object-fit:contain;animation:stageFloat 4.5s ease-in-out infinite;z-index:1}.scene-caption{left:0;right:0;bottom:0;z-index:2}.scene-caption h1{font-size:22px;font-weight:700}.scene-caption p{font-size:9px;letter-spacing:.15em;margin-top:5px}.scene-chip.one{top:7%;right:1%}.scene-chip.two{left:1%;bottom:23%}.scene-chip{z-index:3;font-size:11px;border-color:#b7d7ff;box-shadow:0 9px 25px #3a85df23;animation:stageChip 3.8s ease-in-out infinite}.scene-chip.two{animation-delay:-1.9s}
.auth-content{order:0;width:100%;padding:0;align-self:center;position:relative;z-index:3}.auth-card{max-width:420px;padding:28px 32px 24px;border-color:#fff;border-radius:22px;box-shadow:0 24px 60px #2c68bb22,inset 0 1px 0 #fff;background:linear-gradient(135deg,#ffffffed,#edf5ffe0)}.auth-card h2{font-size:28px}.auth-card input{height:44px;min-height:44px;font-size:13px}.auth-card label{font-size:12px}.auth-card form>.muted{font-size:12px}.auth-tabs button{font-size:13px}.auth-card .full{height:46px;min-height:46px;font-size:13px}.auth-card .full:after{animation:stageButton 3.6s ease-in-out infinite}.copyright{max-width:420px;font-size:9px;margin-top:12px}
.auth-showcase{min-height:0;border-top:1px solid #a9c7eb80;padding-top:16px;position:relative;z-index:2}.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.showcase-heading .eyebrow{font-size:8px;letter-spacing:.19em}.showcase-heading h2{font-size:17px;line-height:1.5;font-weight:650;letter-spacing:0;margin-top:3px}.showcase-note{font-size:10px;color:#7292b9}.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;height:calc(100% - 58px)}.inspiration-card{display:flex;align-items:center;gap:19px;min-height:88px;padding:12px;background:linear-gradient(115deg,#ffffffbd,#edf5ff90);border:1px solid #fff;border-radius:14px;box-shadow:0 8px 25px #5b88bd0e;overflow:hidden}.inspiration-number{font:9px/1.5 'Segoe UI',sans-serif;letter-spacing:.13em;color:#5b87c0}.inspiration-card h3{font-size:16px;font-weight:650;line-height:1.5;margin:3px 0}.inspiration-card p{font-size:11px;color:#7792b2}.inspiration-art{width:115px;height:100%;min-height:72px;position:relative;flex-shrink:0;overflow:hidden;border-radius:9px;background:linear-gradient(145deg,#dcefff,#98c4ff);perspective:400px}.inspiration-art:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff60 45%,transparent 60%);transform:translateX(-150%);animation:previewLight 5s ease-in-out infinite}.inspiration-card:nth-child(2) .inspiration-art:after{animation-delay:-1.6s}.inspiration-card:nth-child(3) .inspiration-art:after{animation-delay:-3.2s}
.architecture i{position:absolute;width:31px;height:80%;bottom:-8%;left:12%;background:linear-gradient(100deg,#eff9ff,#a2caff 60%,#4c8ff0);border:1px solid #e9f8ff;transform:skewY(-13deg);box-shadow:9px 5px 0 #3a80db45}.architecture i:nth-child(2){left:41%;height:60%}.architecture i:nth-child(3){left:70%;height:95%}.architecture span{position:absolute;inset:40% -30% auto;height:2px;background:#fff;box-shadow:0 0 12px #fff;transform:rotate(-18deg)}
.object{background:radial-gradient(ellipse at 50% 80%,#638be280,transparent 60%),linear-gradient(130deg,#e6efff,#b8ccf8)}.object i{position:absolute;width:51px;height:51px;left:32px;top:calc(50% - 26px);border:8px solid #fff9;border-radius:15px;background:linear-gradient(140deg,#a0dfff,#4783f7);transform:rotate(-25deg) skew(5deg);box-shadow:9px 10px 0 #3873df60,18px 22px 14px #367bd533;animation:objectFloat 5s ease-in-out infinite}.object span{position:absolute;width:70px;height:14px;left:23px;bottom:8%;border:1px solid #ffffffa0;border-radius:50%}
.landscape{background:linear-gradient(#193f94,#5f95e9 60%,#c4e3ff)}.landscape i{position:absolute;width:95px;height:95px;border-radius:12px;transform:rotate(45deg);background:linear-gradient(135deg,#d8efff,#3d7bd2 52%,#173a83);bottom:-64px;left:-15px}.landscape i:nth-child(2){left:48px;bottom:-68px;background:linear-gradient(135deg,#e9f6ff,#5ca4ee 50%,#2353a7)}.landscape span{position:absolute;width:23px;height:23px;border-radius:50%;background:#effbff;top:14%;right:15%;box-shadow:0 0 20px #bfeeff}
.scene-energy{position:absolute;inset:6% 3% 13%;pointer-events:none;overflow:hidden;z-index:2;border-radius:50%}.energy-orbit{position:absolute;inset:13% 9%;border-radius:50%;border:1px solid #62aaff60;transform:rotate(-22deg);box-shadow:0 0 24px #58adff15}.energy-orbit i{display:block;position:absolute;inset:-2px;border-radius:50%;border:3px solid transparent;border-top-color:#5bbaff;border-right-color:#468bff20;animation:orbitSpin 5s linear infinite;filter:drop-shadow(0 0 5px #3995ff)}.energy-orbit i:after{content:"";position:absolute;width:9px;height:9px;background:#fff;border:2px solid #45a9ff;border-radius:50%;top:12%;right:12%;box-shadow:0 0 16px #2a8bff}.energy-orbit.second{inset:22% 1%;transform:rotate(29deg)}.energy-orbit.second i{animation-direction:reverse;animation-duration:7s;border-top-color:#82d8ff}.energy-scan{position:absolute;inset:0;background:linear-gradient(transparent,#3c96ff00 43%,#3c96ff18 49%,#96daff90 50%,#3c96ff00 52%,transparent);animation:sceneScan 4s ease-in-out infinite;opacity:.8}.energy-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#3c9dff;box-shadow:0 0 14px 4px #5fc5ff60;animation:sparkTravel 3s ease-in-out infinite}.s1{left:19%;top:63%}.s2{left:78%;top:55%;animation-delay:-1s}.s3{left:52%;top:25%;animation-delay:-2s}
.auth-screen:before{inset:40% -15% -70%;background-size:58px 58px;animation:gridFlow 9s linear infinite}.auth-screen:after{z-index:-1;left:10%;top:20%;width:600px;height:500px;background:radial-gradient(ellipse,#9dcaff65,transparent 68%);animation:authAmbient 5s ease-in-out infinite}
@keyframes stageFloat{50%{transform:translateY(-13px)}}@keyframes stageChip{50%{transform:translateY(10px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes sceneScan{0%,100%{transform:translateY(-65%);opacity:0}20%,80%{opacity:.85}85%{transform:translateY(65%)}}@keyframes sparkTravel{0%,100%{opacity:.15;transform:translateY(20px) scale(.6)}50%{opacity:1;transform:translateY(-25px) scale(1.4)}}@keyframes gridFlow{to{background-position:58px 58px}}@keyframes stageButton{0%,25%{left:-65%}65%,100%{left:125%}}@keyframes previewLight{0%,30%{transform:translateX(-150%)}85%,100%{transform:translateX(150%)}}@keyframes objectFloat{50%{transform:translateY(-6px) rotate(-15deg) skew(5deg)}}
@media(max-width:1200px){.auth-stage{grid-template-columns:minmax(0,1fr) 390px;gap:30px}.auth-card{padding:24px 27px}.inspiration-art{width:85px}.inspiration-card{gap:12px}.inspiration-card p{font-size:10px}.scene-caption h1{font-size:19px}}
@media(min-width:761px) and (max-height:800px){.auth-screen{min-height:640px;grid-template-rows:36px minmax(0,1fr) 126px;gap:12px;padding-top:16px;padding-bottom:16px}.auth-card{padding:20px 27px}.auth-card h2{font-size:25px}.auth-card input,.auth-card .code-row .secondary{height:39px;min-height:39px}.auth-card label{margin:9px 0 5px;font-size:11px}.auth-card form>.muted{margin-bottom:10px;font-size:11px}.auth-card .full{height:41px;min-height:41px;margin-top:14px}.auth-tabs{margin-bottom:12px}.auth-card small{font-size:8px}.copyright{margin-top:7px}.showcase-heading{margin-bottom:8px}.showcase-heading h2{font-size:14px}.showcase-heading .eyebrow{display:none}.auth-showcase{padding-top:9px}.inspiration-grid{height:calc(100% - 30px);gap:12px}.inspiration-card{min-height:72px;padding:8px}.inspiration-art{min-height:54px;width:82px}.inspiration-card h3{font-size:14px}.scene-caption h1{font-size:18px}.scene-image{max-height:100%}}
@media(min-width:761px) and (max-height:670px){.auth-screen{height:auto;min-height:100svh;grid-template-rows:36px auto 110px}.auth-stage{min-height:470px}.auth-art{height:450px}.auth-card{padding:16px 23px}.scene-caption p{display:none}}
@media(max-width:960px){.auth-screen{padding-inline:24px}.auth-stage{grid-template-columns:minmax(0,1fr) 370px;gap:15px}.inspiration-card p{display:none}.inspiration-art{width:65px}.inspiration-card h3{font-size:13px}.inspiration-number{font-size:8px}.auth-brand .edition{font-size:8px}.scene-chip{display:none}.scene-caption h1{font-size:16px}}
@media(max-width:760px){.auth-screen{height:auto;min-height:100svh;display:flex;flex-direction:column;padding:20px 22px 24px;gap:20px}.auth-brand{position:relative;inset:auto;width:100%;transform:none;flex-shrink:0}.auth-brand .wordmark{font-size:18px}.auth-brand .edition{display:none}.auth-stage{display:flex;flex-direction:column;width:100%;gap:16px}.auth-art{display:flex;width:100%;height:175px;min-height:175px;max-width:400px;padding:0;margin:0;overflow:hidden}.scene-image{position:relative;width:100%;height:240px;max-height:none;top:-25px;object-fit:contain;max-width:400px}.scene-caption{display:none}.scene-energy{inset:0 8%}.auth-content{width:100%;max-width:420px}.auth-card{padding:22px 25px}.auth-card input{height:44px;min-height:44px}.auth-card h2{font-size:25px}.auth-card .full{height:44px;min-height:44px}.auth-card label{margin-top:10px}.auth-showcase{width:100%;max-width:420px;align-self:center;padding-top:14px}.showcase-heading h2{font-size:15px}.showcase-note{display:none}.inspiration-grid{height:auto;gap:8px}.inspiration-card{flex-direction:column;align-items:stretch;gap:7px;padding:7px}.inspiration-art{width:100%;height:72px}.inspiration-card h3{font-size:12px;margin:2px 0}.inspiration-number{font-size:7px;letter-spacing:.02em}.inspiration-card p{display:none}.auth-screen:after{width:100%;left:0;top:0}}
@media(max-width:760px) and (max-height:800px){.auth-art{height:100px;min-height:100px}.scene-image{height:190px;top:-40px}.auth-screen{gap:14px}.auth-stage{gap:10px}.auth-showcase{display:none}}
@media(prefers-reduced-motion:reduce){.auth-screen *,.auth-screen:before,.auth-screen:after{animation:none!important;will-change:auto}.energy-scan{display:none}.inspiration-art:after{display:none}}

/* Clip decorative overflow without creating an anchor-scrollable auth container. */
.auth-screen{overflow:clip}