:root{color-scheme:dark;font-family:"IBM Plex Sans","Liberation Sans",Arial,sans-serif}
.signup-card .signup-message.is-success{font-size:12px;padding:13.2px 14.4px;gap:3.6px}
*{box-sizing:border-box}
body.signup-page{margin:0;min-width:320px;background:#0d1218;color:#f4f4f4}
.signup-scene{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:42px 22px;background:radial-gradient(circle at 50% 42%,rgba(64,104,126,.24),transparent 34%),radial-gradient(circle at 18% 20%,rgba(108,72,146,.18),transparent 28%),linear-gradient(155deg,#111922 0%,#0c1419 50%,#171225 100%)}
.signup-scene:before{content:"";position:absolute;z-index:-3;inset:0;background-image:linear-gradient(rgba(255,255,255,.05265) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05265) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.signup-card{position:relative;z-index:4;width:min(520px,100%);padding:30px 34px 27px;border:1px solid rgba(125,157,175,.42);border-top:3px solid #5fb78e;background:linear-gradient(180deg,rgba(31,41,49,.97),rgba(22,29,35,.98));box-shadow:0 34px 90px rgba(0,0,0,.62),0 0 0 7px rgba(45,69,78,.12);backdrop-filter:blur(16px)}.signup-scene:not(.is-login) .signup-card{transform:translateY(-5px)}
.signup-brand{display:inline-flex;align-items:center;gap:13.8px;margin-bottom:20px;color:#f4f4f4;text-decoration:none}.signup-brand img{width:76.18px;height:76.18px;object-fit:contain}.signup-brand span,.signup-brand b,.signup-brand small{display:block}.signup-brand b{font-size:23.46px}.signup-brand small{margin-top:2px;color:#aebdc4;font-size:12.42px}
.signup-eyebrow{display:block;color:#79c69c;font-size:10.35px;font-weight:700;letter-spacing:.15em}.signup-card>.signup-eyebrow{white-space:nowrap}.signup-card h1{margin:7px 0 9px;font-size:31px;font-weight:400;letter-spacing:-.02em}.signup-card>p{max-width:445px;margin:0 0 19px;color:#b7c0c5;font-size:12.65px;line-height:1.62}
.signup-card .signup-journey-title{font-size:26.04px;font-weight:500;line-height:1.15;letter-spacing:-.01em;color:rgba(250,252,253,.94);transform:translateY(-10px)}
.signup-panda-smile{position:absolute;left:calc(73.6% + 6px);top:114px;width:36px;height:28px;overflow:visible;color:rgba(205,217,223,.66);transform:translate(-50%,-50%);pointer-events:none}.signup-panda-smile path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.signup-panda-smile ellipse{fill:currentColor;stroke:none}
.signup-card form{display:grid;gap:12px}.signup-card label{display:grid;gap:6px;color:#e4e7e8;font-size:10px;font-weight:600}.signup-card label small{color:#87959c;font-size:8.5px;font-weight:400}.signup-card input{width:100%;height:40px;padding:0 12px;border:1px solid #4b5b64;border-radius:2px;outline:0;background:#10171c;color:#f4f4f4;font:12px inherit}.signup-card input:focus{border-color:#79c69c;box-shadow:0 0 0 2px rgba(121,198,156,.17)}
.signup-card.is-login{width:min(520px,100%)}.signup-remember{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;align-items:center;gap:9px!important;color:#b7c0c5!important;font-size:10.5px!important;font-weight:400!important}.signup-remember input{width:15px!important;height:15px!important;margin:0;accent-color:#42be65}.signup-remember span{display:block}
.signup-password-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.signup-card button{height:43px;margin-top:2px;border:1px solid #65bb91;background:#28734f;color:#fff;font:650 11px inherit;letter-spacing:.02em;cursor:pointer}.signup-card button:hover{background:#33865e}.signup-card footer{margin-top:18px;padding-top:15px;border-top:1px solid #354249;color:#91a0a7;font-size:12px;text-align:center}.signup-card a{color:#8ac7e8}.signup-message{display:grid;gap:3px;margin:0 0 15px;padding:11px 12px;border-left:3px solid;font-size:10px;line-height:1.45}.signup-message.is-error{border-color:#fa4d56;background:#3a2023;color:#ffb3b8}.signup-message.is-success{border-color:#42be65;background:#173b24;color:#a7f0ba}.signup-message span{display:block}.signup-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.signup-panda{position:absolute;z-index:1;bottom:-88px;width:min(25vw,330px);pointer-events:none;filter:drop-shadow(0 18px 35px rgba(0,0,0,.5)) saturate(.82)}.signup-panda-left{left:3.5%;transform:rotate(2deg)}.signup-panda-right{right:3%;transform:scaleX(-1) rotate(1deg)}.signup-books{position:absolute;z-index:0;left:8%;bottom:7%;width:230px;opacity:.24;filter:saturate(.75)}
.signup-stars i{position:absolute;z-index:0;width:4px;height:4px;border-radius:50%;background:#e7d88c;box-shadow:0 0 10px #e7d88c}.signup-stars i:after{content:"";position:absolute;left:50%;top:50%;width:1px;height:14px;background:linear-gradient(transparent,#e7d88c,transparent);transform:translate(-50%,-50%)}.signup-stars i:nth-child(1){left:11%;top:15%}.signup-stars i:nth-child(2){left:24%;top:32%;transform:scale(.7)}.signup-stars i:nth-child(3){right:16%;top:13%;transform:scale(1.2)}.signup-stars i:nth-child(4){right:25%;top:38%;transform:scale(.6)}.signup-stars i:nth-child(5){left:34%;top:9%;transform:scale(.75)}.signup-stars i:nth-child(6){right:34%;top:8%;transform:scale(.8)}
.signup-tech-scatter{position:absolute;z-index:-1;inset:0;pointer-events:none}.signup-tech-scatter img{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);object-fit:contain;opacity:calc(var(--o) * 1.3);transform:translate(-50%,-50%) rotate(var(--r));filter:grayscale(.08) saturate(1.08) contrast(1.3) brightness(1.08) drop-shadow(0 5px 12px rgba(0,0,0,.48))}
.signup-tech-scatter .signup-docker-neon{opacity:.82;filter:saturate(1.55) brightness(1.35) drop-shadow(0 0 3px rgba(62,205,255,.95)) drop-shadow(0 0 10px rgba(0,159,223,.7)) drop-shadow(0 8px 14px rgba(0,0,0,.58))}
.signup-tech-scatter .signup-suse-feature{opacity:1;filter:none}
.signup-cloud{position:absolute;z-index:-1;width:188px;height:46px;border-radius:999px;background:rgba(175,201,214,.10);filter:blur(.2px)}.signup-cloud:before,.signup-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.signup-cloud:before{left:24px;bottom:12px;width:78px;height:78px}.signup-cloud:after{right:18px;bottom:8px;width:96px;height:88px}.cloud-one{left:5%;top:23%}.cloud-two{right:7%;top:27%;transform:scale(.72)}.cloud-three{left:48.2%;top:25.9%;transform:translate(-50%,-50%) scale(.82)}.cloud-four{left:20.2%;top:.4%}.cloud-five{left:35.4%;top:55.7%;transform:scale(.48)}
.signup-root-avatar{position:absolute;z-index:2;left:15%;top:47%;width:155px;height:145px;overflow:hidden;transform:translate(-50%,-50%) rotate(-3deg);pointer-events:none;filter:drop-shadow(0 15px 24px rgba(0,0,0,.5))}.signup-root-avatar img{position:absolute;left:-10px;top:0;width:175px;height:175px;max-width:none;object-fit:contain}
.signup-cap-avatar{position:absolute;z-index:2;left:65.4%;top:46.2%;width:155px;height:145px;overflow:hidden;transform:translate(-50%,-50%) rotate(3deg);pointer-events:none;filter:drop-shadow(0 15px 24px rgba(0,0,0,.5))}.signup-cap-avatar img{position:absolute;left:-10px;top:0;width:175px;height:175px;max-width:none;object-fit:contain}
.signup-magnifier{position:absolute;z-index:1;left:63.1%;top:68.4%;width:66px;height:66px;overflow:visible;color:rgba(107,172,194,.62);transform:translate(-50%,-50%) rotate(-18deg);pointer-events:none;filter:drop-shadow(0 5px 11px rgba(0,0,0,.44))}.signup-magnifier circle,.signup-magnifier path{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.signup-tool{position:absolute;z-index:1;width:58px;height:58px;overflow:visible;pointer-events:none;filter:drop-shadow(0 6px 13px rgba(0,0,0,.5))}.signup-spanner{left:78.6%;top:22.3%;color:rgba(111,172,196,.64);transform:translate(-50%,-50%) rotate(-24deg)}.signup-spanner path{fill:none;stroke:currentColor;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.signup-cog{width:54px;height:54px;color:rgba(139,120,190,.58);transform:translate(-50%,-50%) rotate(14deg)}.signup-cog path{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linejoin:round}.signup-cog circle{fill:none;stroke:currentColor;stroke-width:4}.signup-cog-left{left:18.5%;top:30.1%}.signup-cog-right{left:78.8%;top:82.4%;color:rgba(89,158,139,.58);transform:translate(-50%,-50%) rotate(-17deg)}.signup-cog-top-right{left:98%;top:13.3%;width:68px;height:68px;color:rgba(116,158,207,.68);transform:translate(-50%,-50%) rotate(21deg)}
.signup-rocket{position:absolute;z-index:1;left:47.6%;top:7.2%;width:72px;height:92px;overflow:visible;color:rgba(119,185,209,.72);transform:translate(-50%,-50%) rotate(9deg);pointer-events:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.48))}.signup-rocket-body{fill:rgba(25,58,74,.92);stroke:currentColor;stroke-width:3;stroke-linejoin:round}.signup-rocket-fin,.signup-rocket-flame{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.signup-rocket circle{fill:rgba(13,20,27,.92);stroke:#8fd8ed;stroke-width:3}.signup-rocket-star{fill:#e2ce70;stroke:none}
.signup-question-mark{position:absolute;z-index:1;left:53.1%;top:92.8%;width:52px;height:65px;overflow:visible;color:rgba(107,172,194,.62);transform:translate(-50%,-50%) rotate(8deg);pointer-events:none;filter:drop-shadow(0 6px 13px rgba(0,0,0,.48))}.signup-question-mark path{fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.signup-question-mark circle{fill:currentColor;stroke:none}
.signup-welcome-mark,.signup-equation-mark{position:absolute;z-index:1;overflow:visible;pointer-events:none;filter:drop-shadow(0 7px 14px rgba(0,0,0,.48))}.signup-welcome-mark{left:38.8%;top:29.9%;width:244px;height:68px;color:rgba(143,116,190,.62);transform:translate(-50%,-50%) rotate(-7deg)}.signup-welcome-mark text{fill:#a88bce;stroke:rgba(44,31,66,.92);stroke-width:1px;font:800 44px/1 "Trebuchet MS",Arial,sans-serif;letter-spacing:3px;paint-order:stroke fill}.signup-equation-mark{left:93.2%;top:62.1%;width:108px;height:50px;color:rgba(111,172,196,.72);transform:translate(-50%,-50%) rotate(-7deg)}.signup-equation-mark text{fill:#8fd7ef;stroke:rgba(34,80,99,.9);stroke-width:.75px;font:800 28px/1 "Trebuchet MS",Arial,sans-serif;letter-spacing:.7px;paint-order:stroke fill}.signup-scene-word-spark{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.signup-equation-mark-two{left:95.2%;top:7.5%;transform:translate(-50%,-50%) rotate(6deg)}
.signup-saturn-mark{position:absolute;z-index:1;left:56.2%;top:8.6%;width:118px;height:73px;overflow:visible;color:rgba(144,119,207,.82);transform:translate(-50%,-50%) rotate(-8deg);pointer-events:none;filter:drop-shadow(0 0 6px rgba(124,94,212,.44))}.signup-saturn-planet{fill:rgba(37,39,78,.88);stroke:#a889e8;stroke-width:3}.signup-saturn-ring{fill:none;stroke:#73cfe8;stroke-width:3}.signup-saturn-glint{fill:none;stroke:#d9c870;stroke-width:2.4;stroke-linecap:round}
.signup-unix-sign{position:absolute;z-index:1;left:17.3%;top:65.9%;width:137px;height:73px;overflow:visible;color:rgba(103,238,170,.92);transform:translate(-50%,-50%) rotate(-3deg);pointer-events:none;filter:drop-shadow(0 0 4px rgba(100,255,178,.92)) drop-shadow(0 0 14px rgba(36,220,131,.58)) drop-shadow(0 8px 15px rgba(0,0,0,.55))}.signup-unix-sign rect,.signup-unix-sign path{fill:rgba(8,17,18,.7);stroke:currentColor;stroke-width:2}.signup-unix-sign path{fill:none;stroke-width:1}.signup-unix-sign text{fill:#8fffc0;stroke:rgba(13,55,39,.95);paint-order:stroke fill;font-family:"Trebuchet MS",Arial,sans-serif}.signup-unix-title{font-size:31px;font-weight:900;letter-spacing:4px}.signup-unix-motto{font-size:10px;font-weight:800;letter-spacing:1.8px}
.signup-open-sign{position:absolute;z-index:6;right:8px;top:6px;width:173.94px;height:auto;overflow:visible;transform:translateX(-30%) rotate(-3deg);transform-origin:75px 8px;pointer-events:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.58))}.signup-open-nail{fill:#aeb9bf;stroke:#46545b;stroke-width:1.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.signup-open-wire{fill:none;stroke:#8a98a0;stroke-width:2.3;stroke-linecap:round}.signup-open-frame{fill:rgba(10,15,22,.94);stroke:#ff4f64;stroke-width:3}.signup-open-tube{fill:none;stroke:#43cfff;stroke-width:2.5;filter:drop-shadow(0 0 5px #00b7ff)}.signup-open-sign text{fill:#fff6f8;stroke:#ff3155;stroke-width:.7px;font:900 31px/1 "Trebuchet MS",Arial,sans-serif;letter-spacing:5px;paint-order:stroke fill;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #ff3155);animation:signup-open-neon 3.8s steps(1,end) infinite}
.signup-panda-paw-mark{position:absolute;z-index:1;left:calc(50% - 320px);top:56.3%;width:70px;height:70px;overflow:visible;color:rgba(174,139,220,.74);transform:translate(-50%,-50%) rotate(-24deg);pointer-events:none;filter:drop-shadow(0 0 7px rgba(150,99,218,.38))}.signup-panda-paw-mark ellipse{fill:rgba(12,18,25,.78);stroke:currentColor;stroke-width:3}
.signup-card.is-login .signup-panda-smile{left:56.6%;top:168px;width:46px;height:35px}
.signup-scene:not(.is-login) .signup-equation-mark-two,.signup-scene:not(.is-login) .signup-saturn-mark{display:none}.signup-scene:not(.is-login) .signup-panda-paw-mark{display:block;left:57.6%;top:11.4%;width:60px;height:60px}
@keyframes signup-open-neon{0%,9%,12%,100%{opacity:1}10%,11%{opacity:.68}64%{opacity:.88}65%{opacity:1}}
.signup-mushroom{position:absolute;z-index:1;bottom:5%;width:18px;height:24px;border-radius:8px 8px 4px 4px;background:#d8cdb7;opacity:.58}.signup-mushroom:before{content:"";position:absolute;left:50%;top:-9px;width:42px;height:20px;border-radius:44px 44px 12px 12px;background:#7d527e;transform:translateX(-50%)}.mushroom-one{left:31%}.mushroom-two{right:29%;bottom:10%;transform:scale(.72)}
.signup-card footer>span{display:block}.signup-card footer nav{display:flex;justify-content:center;gap:4px 12px;margin-top:10px;flex-wrap:wrap}.signup-card footer nav button,.signup-consent button{height:auto;margin:0;padding:0;border:0;background:transparent;color:#8ac7e8;font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .14s ease,text-shadow .14s ease}.signup-card footer nav button:hover,.signup-consent button:hover{background:transparent;color:#c9efff;box-shadow:none;text-shadow:0 0 7px rgba(151,220,255,.32)}.signup-card footer nav button:focus-visible,.signup-consent button:focus-visible{outline:1px solid #8ac7e8;outline-offset:3px}.signup-consent{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;align-items:start;gap:9px!important;color:#aeb9be!important;font-weight:400!important;line-height:1.45}.signup-consent input{width:15px!important;height:15px!important;margin:1px 0 0;accent-color:#42be65}.signup-consent button{display:inline!important}
.signup-policy{position:fixed;inset:0;width:min(760px,calc(100vw - 32px));max-width:760px;max-height:min(82vh,820px);padding:0;border:1px solid #59707a;background:#182128;color:#e7ebed;opacity:0;transform:translateY(16px) scale(.985);transition:opacity .18s ease,transform .18s ease;overflow:hidden}.signup-policy[open]{display:block}.signup-policy.is-open{opacity:1;transform:translateY(0) scale(1)}.signup-policy::backdrop{background:rgba(3,7,10,.76);backdrop-filter:blur(5px);opacity:0;transition:opacity .18s ease}.signup-policy.is-open::backdrop{opacity:1}.signup-policy>article{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(82vh,820px)}.signup-policy header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 24px 17px;border-bottom:1px solid #384952;background:linear-gradient(135deg,#233139,#19232a)}.signup-policy h2{margin:6px 0 0;color:#fff;font-size:24px;font-weight:450}.signup-policy header>button{width:34px;height:34px;margin:0;padding:0;border:1px solid #52636b;background:#202c32;color:#d8e0e4;font:300 25px/1 Arial,sans-serif;cursor:pointer;transition:color .22s ease,text-shadow .22s ease}.signup-policy header>button:hover{color:#fff;text-shadow:0 0 5px rgba(185,231,255,.92),0 0 13px rgba(112,199,245,.72)}.signup-policy-body{overflow:auto;padding:22px 26px 28px;scrollbar-color:#536771 #182128}.signup-policy-body section{display:grid;gap:10px}.signup-policy-body h3{margin:10px 0 0;color:#8fd1ac;font-size:13px}.signup-policy-body p,.signup-policy-body li{margin:0;color:#c1cbd0;font-size:11px;line-height:1.68}.signup-policy-body ul{display:grid;gap:7px;margin:0;padding-left:20px}.signup-policy>article>footer{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;border-top:1px solid #384952;background:#141c21}.signup-policy>article>footer small{color:#85969e;font-size:9px}.signup-policy>article>footer button{height:34px;margin:0;padding:0 18px;border:1px solid #65bb91;background:#28734f;color:#fff;font:650 10px inherit;cursor:pointer}
@media(max-width:980px){.signup-panda{width:220px;opacity:.32}.signup-panda-left{left:-45px}.signup-panda-right{right:-45px}.signup-books{display:none}.signup-root-avatar{left:9%;opacity:.72;transform:translate(-50%,-50%) rotate(-3deg) scale(.82)}.signup-cap-avatar{right:2%;left:auto;opacity:.72;transform:translate(0,-50%) rotate(3deg) scale(.82)}.signup-tech-scatter img{opacity:calc(var(--o) * .936)}}
@media(max-width:620px){.signup-scene{align-items:start;padding:18px 12px}.signup-card{padding:24px 20px}.signup-card>.signup-eyebrow{white-space:normal}.signup-card h1{font-size:27px}.signup-password-row{grid-template-columns:1fr}.signup-panda,.signup-mushroom,.signup-root-avatar,.signup-cap-avatar,.signup-panda-smile,.signup-magnifier,.signup-tool,.signup-rocket,.signup-question-mark,.signup-welcome-mark,.signup-equation-mark,.signup-open-sign,.signup-panda-paw-mark,.signup-unix-sign,.signup-saturn-mark{display:none}}
@media(prefers-reduced-motion:reduce){.signup-open-sign text{animation:none}}
@media(max-width:620px){.signup-policy{width:calc(100vw - 20px);max-height:88vh}.signup-policy>article{max-height:88vh}.signup-policy header,.signup-policy-body{padding-left:18px;padding-right:18px}.signup-policy h2{font-size:21px}}
.signup-card:not(.is-login) .signup-journey-title{margin-top:12px}
.signup-card:not(.is-login)>form>button[type="submit"]{margin-top:7px}
.signup-card :is(.signup-show-password,.signup-consent){font-size:12.6px!important}
.signup-card footer{font-size:12.6px}
.signup-card footer :is(a,button){font-size:inherit;transition:color .14s ease,text-shadow .14s ease}
.signup-card footer a:hover{color:#c9efff;text-shadow:0 0 7px rgba(151,220,255,.32)}
.signup-card footer :is(a,button):hover{background:rgba(151,220,255,.1);border-radius:2px;box-shadow:0 0 0 3px rgba(151,220,255,.1),0 0 9px rgba(151,220,255,.24);color:#c9efff;text-shadow:0 0 7px rgba(151,220,255,.32)}
.signup-card footer a:focus-visible{outline:1px solid #8ac7e8;outline-offset:3px}
.signup-brand .lorepanda-logo-lockup{display:flex;align-items:center;gap:12px;line-height:1;color:#fff}
.signup-brand .lorepanda-logo-art{width:64px;height:64px;object-fit:contain;flex:none}
.signup-brand .lorepanda-logo-copy{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap}
.signup-brand .lorepanda-logo-copy strong{font-family:"Segoe UI Variable Display","Aptos Display","Helvetica Neue",Arial,sans-serif;font-size:29px;font-weight:720;letter-spacing:-.025em;line-height:.95;color:#fff}
.signup-brand .lorepanda-logo-copy small{margin-top:5px;font-family:"Segoe UI Variable Text","Aptos","Helvetica Neue",Arial,sans-serif;font-size:13.3px;font-weight:650;letter-spacing:.015em;line-height:1;color:#fff}
.signup-brand .lorepanda-logo-copy small b{display:inline;font-size:inherit;font-weight:800;color:#44f263;text-shadow:0 0 8px rgba(68,242,99,.35)}
.signup-card form :is(label,label small,input){font-size:12.6px!important}
.signup-card .signup-brand{margin-bottom:28px}

.signup-card.is-login h1{margin-top:12px;font-size:26.04px;font-weight:500;line-height:1.15;letter-spacing:-.01em;color:rgba(250,252,253,.94);transform:translateY(-10px)}
.signup-card.is-login .signup-remember{font-size:12.6px!important}

/* Shared TP sign-in and signup primary actions. */
.signup-card>form>button[type="submit"]{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;border-color:#65bb91;background:#28734f;color:#fff}
.signup-card>form>button[type="submit"]:hover{background:#33865e;border-color:#65bb91}
.signup-submit-arrow{display:inline-flex;width:17px;height:17px;color:#42be65;flex:none}
.signup-submit-arrow svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:.65;stroke-linejoin:round}

.signup-email-input{position:relative;display:block}
.signup-email-caution{display:none;position:absolute;left:calc(100% + 7px);top:50%;transform:translateY(-50%);width:21px;height:24px;pointer-events:none}
.signup-email-label #signup-email-notice{display:none;margin-top:0;color:#f5cc4c;font-size:10px;line-height:1.4}
.signup-email-label:focus-within .signup-email-caution,.signup-email-label:focus-within #signup-email-notice{display:block}

/* Email format feedback shares one icon position. */
.signup-email-input:after{content:"✓";display:none;position:absolute;left:calc(100% + 7px);top:50%;transform:translateY(-50%);width:21px;height:24px;line-height:24px;text-align:center;font-size:24px;font-weight:800;color:#42be65;pointer-events:none}
.signup-email-label[data-email-state="valid"] .signup-email-input:after{display:block}
.signup-email-label[data-email-state="valid"] .signup-email-caution,.signup-email-label[data-email-state="valid"] #signup-email-notice{display:none}
.signup-email-label[data-email-state="invalid"] .signup-email-caution,.signup-email-label[data-email-state="invalid"] #signup-email-notice{display:block}

/* Shared Sign in / Sign up: fit small screens and the on-screen keyboard. */
@media(max-width:620px){
  html{ -webkit-text-size-adjust:100%;text-size-adjust:100% }
  .signup-scene{width:100%;min-width:0;min-height:100svh;height:auto;padding:18px 12px max(24px,env(safe-area-inset-bottom));box-sizing:border-box}
  .signup-scene .signup-card{width:100%;min-width:0;max-width:520px;padding:24px 18px;box-sizing:border-box;transform:none}
  .signup-card :is(form,label,footer,.signup-message){min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
  .signup-card .signup-brand{max-width:100%;min-width:0}
  .signup-brand .lorepanda-logo-lockup{width:100%;max-width:100%;min-width:0;gap:9px}
  .signup-brand .lorepanda-logo-art{width:48px;height:48px;flex:0 0 48px}
  .signup-brand .lorepanda-logo-copy{min-width:0}
  .signup-brand .lorepanda-logo-copy strong{font-size:clamp(22px,6.6vw,29px)}
  .signup-brand .lorepanda-logo-copy small{font-size:clamp(10px,2.9vw,13px)}
  .signup-card form input:not([type="checkbox"]){min-width:0;max-width:100%;min-height:44px;font-size:16px!important;box-sizing:border-box}
  .signup-card>form>button[type="submit"]{min-height:46px;max-width:100%;height:auto;padding:12px;white-space:normal}
  .signup-card :is(.signup-remember,.signup-consent){min-height:36px;align-items:center}
  .signup-card footer nav{gap:8px 14px}
  .signup-card footer nav :is(button,a){padding-block:6px}
  .signup-email-input input{padding-right:32px}
  .signup-email-input .signup-email-caution,.signup-email-input:after{left:auto;right:7px}
  .signup-card :is(h1,p,.signup-eyebrow){max-width:100%;white-space:normal;overflow-wrap:anywhere}
  #policy-dialog{width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);min-width:0;box-sizing:border-box;overflow-y:auto}
  #policy-dialog :is(header,section,[data-policy-body]){min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
}
@media(max-height:600px) and (orientation:landscape){
  .signup-scene{place-items:start center;min-height:100svh;padding-block:16px}
}