/* Registration: one quiet visual story, one clear form. Scoped to this page. */
html :is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]){padding:32px 24px;margin:0;background:radial-gradient(ellipse at 10% 0,#6b407234,transparent 55%),radial-gradient(ellipse at 100% 100%,#c88d5920,transparent 50%),#17101e;font-family:Arial,sans-serif}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .page{width:100%;max-width:1060px;margin:auto}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);width:100%;min-height:0;border:1px solid #d0a77c66;border-radius:27px;overflow:hidden;background:#2b1b35;box-shadow:0 24px 90px #0005}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-shell::before{display:none}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual{position:relative;min-width:0;min-height:0;padding:34px;background:radial-gradient(ellipse at 80% 40%,#a86eaf22,transparent 60%),linear-gradient(150deg,#3b2644,#211729);display:flex;flex-direction:column;justify-content:flex-start;gap:29px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual::before,:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual::after{display:none}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual :is(.hw-countdown,.hw-season-badge,.dots,.particle){display:none!important}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .brand{position:relative;display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff2e2;z-index:1}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .brand-mark{width:46px;height:46px;border-radius:13px;box-shadow:none;background:transparent;flex:0 0 46px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .brand-mark img{display:block;width:46px;height:46px;object-fit:contain;border-radius:13px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .brand-copy strong{font-size:17px;letter-spacing:-.03em;color:#fff2e2}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .brand-copy span{font-size:10px;color:#bfa9ca;display:block;margin-top:4px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .visual-center{position:relative;text-align:left;z-index:1;margin:8px 0 0;padding:0;display:block}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-eyebrow{display:block;letter-spacing:.15em;font-size:8px;font-weight:800;line-height:1.7;color:#cfae7e}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .visual-center h2{font:400 43px/1.12 Georgia,serif;letter-spacing:-.045em;margin:12px 0 16px;color:#fff0db}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .visual-center h2 em{color:#d6b2df;font-weight:400}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .visual-center>p{font-size:13px;line-height:1.8;color:#c6b1d0;max-width:310px;margin:0}
.registration-pet-scene{position:relative;display:flex;align-items:center;justify-content:center;height:255px;margin:22px -12px 5px;isolation:isolate}
.registration-pet-scene img{position:relative;z-index:1;display:block;width:225px;height:225px;object-fit:cover;border-radius:100%;border:7px solid #d8afc51c;box-shadow:0 16px 30px #100a1840}
.registration-orbit{position:absolute;inset:6px calc(50% - 125px);width:250px;height:250px;border:1px solid #d0a9d529;border-radius:50%;transform:rotate(-15deg)}
.registration-orbit::after{content:'✦';position:absolute;top:26px;right:27px;color:#e4ba80;font-size:23px;transform:rotate(15deg)}
.registration-pet-note{position:absolute;bottom:1px;right:14px;z-index:2;padding:11px 14px;border:1px solid #b68cbd70;border-radius:12px;background:#35233f;color:#ead3e8;box-shadow:0 6px 20px #100a1840;font-size:10px;transform:rotate(-4deg)}
.registration-pet-note span{color:#eac080;margin-right:6px}
.registration-journey{list-style:none;margin:0;padding:24px 0 0;border-top:1px solid #c7a6cf25;display:grid;gap:16px}
.registration-journey li{display:flex;align-items:flex-start;gap:13px}
.registration-journey li>span{font-size:10px;color:#b98fbc;border:1px solid #b98fbc3d;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;flex:0 0 26px}
.registration-journey strong{font-size:11px;color:#f1dfed;font-weight:700;display:block;margin:0 0 4px}
.registration-journey p{font-size:10px;line-height:1.6;color:#b6a0c0;margin:0}
.registration-season{display:block;margin-top:auto;padding-top:4px;color:#a48aad;font-size:8px;line-height:1.7}
.registration-season>span{color:#d4ae77;margin-right:5px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-panel{min-width:0;padding:36px 42px 28px;background:linear-gradient(130deg,#fff9ee,#f3e7dd);color:#3a2843;display:flex;align-items:center}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .form-box{width:100%;max-width:none;padding:0;text-align:left}
.registration-form-heading{margin:0 0 24px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-form-heading .registration-eyebrow{color:#947248}
.registration-form-heading h1{font:700 31px/1.15 Georgia,serif;color:#38243f;letter-spacing:-.035em;margin:9px 0 10px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-form-heading p{font-size:13px;text-align:left;color:#80677d;margin:0;line-height:1.6}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) :is(#registerForm,#loginForm){display:grid;gap:15px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .field{margin:0;position:relative;display:grid;gap:7px;min-width:0}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .field>label{color:#66506d;font-size:12px;font-weight:700;line-height:1.5}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) :is(#registerForm,#loginForm) .field input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:46px;margin:0;padding:12px 14px;border:1px solid #cbb8c3;border-radius:10px;background:#fffcf7;color:#38243f;font-family:Arial,sans-serif;font-size:14px;box-shadow:0 2px 2px #4c314303;line-height:1.5}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) :is(#registerForm,#loginForm) .field input::placeholder{color:#ae99a6;font-size:12px;opacity:1}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) :is(#registerForm,#loginForm) .field input:focus{outline:2px solid #9b75a64d;outline-offset:2px;border-color:#9b75a6;box-shadow:none}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-panel p.registration-field-hint{color:#8b7083;font-size:11px;text-align:left;line-height:1.6;margin:0}
.registration-password-wrap{position:relative;min-width:0}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) :is(#registerForm,#loginForm) .registration-password-wrap input{padding-right:65px}
.registration-password-toggle{position:absolute;top:4px;right:5px;bottom:4px;min-width:49px;padding:6px;border:0;border-radius:7px;background:transparent;color:#85638d;font:700 10px Arial,sans-serif;cursor:pointer}
.registration-password-toggle:hover{background:#9b75a60d}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .password-rules{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:-4px 0 1px;padding:0;border:0;background:transparent;color:#9c8595;box-shadow:none;font-size:9px}
.registration-password-caption{width:100%;font-size:10px;color:#947e8d;margin-bottom:1px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .password-rules>div{margin:0;padding:4px 7px;border:1px solid #b79aa92e;border-radius:6px;background:#d1b6c209;color:#a28b9b;font-size:10px;line-height:1.5;white-space:nowrap}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .password-rules>div::before{content:'○';margin-right:4px;color:#b5a2af}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .password-rules>div.valid{color:#527560;border-color:#83a8904d;background:#8fb39a12}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .password-rules>div.valid::before{content:'✓';color:#527560}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .terms-box{display:flex;align-items:flex-start;gap:10px;line-height:1.8;margin:0;padding:1px 0;color:#8b7388}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .terms-box>input{width:16px;height:16px;flex:0 0 16px;accent-color:#6d487b;margin:3px 0 0;cursor:pointer}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-panel .terms-box p{margin:0;color:#80677c;font-size:12px;text-align:left;line-height:1.8}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .terms-box label{display:inline;color:inherit;font-size:inherit;cursor:pointer}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .terms-box .terms-link{display:inline;width:auto;min-width:0;margin:0;padding:0;border:0;background:transparent;color:#674676;font-size:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;line-height:inherit;cursor:pointer}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) :is(#registerForm,#loginForm)>.primary-btn{margin:2px 0 0;width:100%;min-height:48px;padding:13px 16px;border:1px solid #674476;border-radius:11px;background:linear-gradient(120deg,#724e84,#41294e);color:#fff4e4;font-size:12px;font-weight:800;font-family:inherit;box-shadow:0 5px 16px #58315918}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) :is(#registerForm,#loginForm)>.primary-btn:hover{background:#754d87}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) :is(#registerForm,#loginForm)>.primary-btn:disabled{opacity:.6;cursor:wait}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .social-auth{margin-top:20px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .social-auth-divider{margin:0 0 13px;color:#9a8293!important;font-size:9px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .social-auth-divider::before,:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .social-auth-divider::after{border-color:#bba1b633}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .social-auth{display:grid;grid-template-columns:1fr 1fr;gap:9px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .social-auth-divider,:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .social-auth-note{grid-column:1/-1}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .social-auth-button{min-width:0;min-height:42px;margin:0;padding:10px;border:1px solid #cbb8c3;border-radius:10px;background:#ffffff40;color:#604568;font-family:inherit;font-size:11px;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:7px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .social-auth-button:hover:not(:disabled){background:#fffaf4;border-color:#a581af}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .social-auth-note{font-size:9px;line-height:1.5;color:#a18b9a!important;text-align:center;margin:0}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-panel p.registration-login{text-align:center;margin:23px 0 16px;color:#9b8495;font-size:11px}
.registration-login button{display:inline;padding:0;margin-left:4px;border:0;background:transparent;color:#694575;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-panel .back-link{display:block;color:#a78e9f;font-size:9px;text-align:center;text-decoration:none;margin:0}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) button:focus-visible,:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) a:focus-visible{outline:2px solid #b58645;outline-offset:3px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) #halloweenSky{opacity:.35}
@media(max-width:800px){html :is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]){padding:20px 16px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-shell{grid-template-columns:minmax(0,1fr);max-width:520px;margin:auto}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual{padding:22px 25px;gap:0;min-height:0}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual .visual-center,:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-journey,:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-season{display:none}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-panel{padding:28px 28px 25px}.registration-form-heading{margin-bottom:23px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) :is(#registerForm,#loginForm) .field input{font-size:16px;min-height:48px}.registration-form-heading h1{font-size:30px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .brand-copy span{font-size:9px}}
@media(max-width:360px){html :is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]){padding:12px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-shell{border-radius:20px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual{padding:19px 21px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-panel{padding:25px 21px}.registration-form-heading h1{font-size:27px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .brand-copy span{font-size:8px}}
@media(prefers-reduced-motion:reduce){:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-shell,:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual{animation:none}}

:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .hw-intro-replay{display:none}

/* A fuller editorial scene, using the existing Halloween guardian artwork. */
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .page{max-width:1180px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-shell{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);border-radius:30px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual{padding:34px 36px 28px;gap:0;background:radial-gradient(ellipse at 7% 0,#9463a52b,transparent 50%),radial-gradient(ellipse at 75% 50%,#9c639324,transparent 55%),linear-gradient(150deg,#36223f,#1c1426);isolation:isolate}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual::after{display:block;position:absolute;inset:12px;border:1px solid #dab8e016;border-radius:20px;background:none;width:auto;height:auto;animation:none;pointer-events:none;z-index:-1}
.registration-story{position:relative;margin:32px 0 0;z-index:2}
.registration-story-kicker{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.12em;font-weight:800;color:#d3b88e;line-height:1.8}
.registration-story-kicker i{font-size:14px;font-style:normal;color:#e4b978}
.registration-story h2{font:400 clamp(36px,3.8vw,52px)/1.06 Georgia,serif;color:#fff1d9;letter-spacing:-.05em;margin:15px 0 17px}
.registration-story h2 em{font-weight:400;color:#d4b2e5}
.registration-story>p{font-size:12px;line-height:1.85;color:#c5afcf;margin:0}
.registration-art-stage{position:relative;isolation:isolate;min-height:360px;flex:1;margin:8px -22px 5px}
.registration-art-halo{position:absolute;width:320px;height:320px;left:calc(50% - 160px);top:20px;border:1px solid #e1bde129;border-radius:50%;background:radial-gradient(circle,#d6a47a12,transparent 70%);box-shadow:0 0 0 20px #c999e006,0 0 0 21px #c999e00b}
.registration-art-halo::after{content:'';position:absolute;inset:21px;border:1px dashed #dbc2eb26;border-radius:50%;transform:rotate(17deg)}
.registration-art-moon{position:absolute;right:25px;top:8px;width:40px;height:40px;border-radius:50%;box-shadow:-11px 6px 0 -2px #eac18b;transform:rotate(7deg)}
.registration-guardians{position:absolute;width:380px;height:380px;max-width:95%;object-fit:contain;left:0;bottom:5px;filter:drop-shadow(0 15px 22px #0a061d50);animation:registration-guardian-arrive .7s ease both}
.registration-art-star{position:absolute;color:#e8c48e;text-shadow:0 0 18px #f4c18325;animation:registration-star 5s ease-in-out infinite;z-index:2}
.registration-art-star.star-a{top:30px;left:22px;font-size:24px;animation-delay:-2s}
.registration-art-star.star-b{top:138px;right:16px;font-size:27px;animation-delay:-1s;color:#c6a5e4}
.registration-art-star.star-c{bottom:23px;left:33px;font-size:11px;animation-delay:-3s}
.registration-art-caption{position:absolute;top:46px;right:3px;z-index:3;transform:rotate(7deg);color:#bda1cc;font:italic 12px/1.65 Georgia,serif;text-align:center}
.registration-art-caption strong{color:#eed3ed;font-weight:400}
.registration-profile-preview{position:absolute;z-index:4;width:222px;right:3px;bottom:2px;padding:17px 18px 13px;border:1px solid #f2dec7;border-radius:17px;background:linear-gradient(135deg,#fff8ec,#eadfe8);box-shadow:0 20px 35px #0d061c55;transform:rotate(-5deg);color:#48314e;animation:registration-preview-arrive .6s .15s ease both}
.registration-preview-head{display:flex;align-items:center;gap:7px;font-size:6px;letter-spacing:.08em;font-weight:800;color:#9d7d92;white-space:nowrap}
.registration-preview-paw{display:grid;place-items:center;width:22px;height:22px;background:#855c9810;border-radius:7px;flex:0 0 22px}
.registration-preview-paw svg{width:14px;height:14px;fill:#a27ab3}
.registration-preview-spark{font-size:19px;margin-left:auto;color:#ac799f}
.registration-profile-preview h3{display:flex;align-items:center;justify-content:space-between;margin:10px 0 4px;font:700 26px/1.2 Georgia,serif;letter-spacing:-.04em;color:#503357}
.registration-profile-preview h3>span{font-size:19px;font-weight:400;color:#b586a6}
.registration-profile-preview>p{font-size:8px;line-height:1.5;color:#987a90;margin:0 0 12px}
.registration-preview-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #ab8da036;border-radius:6px;font-size:8px;font-weight:700;color:#7b5b7f}
.registration-preview-tag svg{width:11px;height:11px;fill:none;stroke:#b28a6c;stroke-width:1.6}
.registration-preview-status{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:11px;margin-top:13px;border-top:1px solid #a27c962b;font-size:7px;color:#968395}
.registration-preview-status span:first-child{color:#54846d;letter-spacing:.07em;font-size:7px;font-weight:800}
.registration-profile-preview small{display:block;margin-top:8px;text-align:right;font-size:6px;color:#b19aa9}
.registration-story-footer{position:relative;border-top:1px solid #cba4d22b;margin-top:18px;padding-top:20px;z-index:2}
.registration-footer-kicker{font-size:7px;letter-spacing:.15em;font-weight:700;color:#a88bb6}
.registration-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:16px}
.registration-benefits>div{min-width:0}
.registration-benefits svg{display:block;width:23px;height:23px;margin-bottom:9px;fill:none;stroke:#c8a6d1;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}
.registration-benefits strong{font-size:9px;font-weight:400;line-height:1.8;color:#d0bcd9;display:block}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-panel{padding:32px 38px;background:radial-gradient(ellipse at 100% 0,#e5cee941,transparent 50%),linear-gradient(135deg,#fff9ee,#f1e4db)}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .form-box{max-width:420px;margin:auto}
.registration-form-steps{display:flex;align-items:center;gap:12px;margin:0 0 27px;font-size:9px;color:#b39cab}
.registration-form-steps span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.registration-form-steps b{display:grid;place-items:center;width:20px;height:20px;border:1px solid #b89cb23d;border-radius:50%;font-size:8px;font-weight:700}
.registration-form-steps i{width:29px;height:1px;background:#b89cb23d}
.registration-form-steps .is-current{color:#73527f;font-weight:700}
.registration-form-steps .is-current b{color:#fff5e7;border-color:#7b5485;background:#7b5485}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-form-heading{padding-bottom:19px;border-bottom:1px solid #b79aa62b;margin-bottom:21px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-form-heading .registration-eyebrow{font-size:7px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-form-heading h1{font-size:33px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-form-heading p{font-size:11px}
@keyframes registration-guardian-arrive{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes registration-preview-arrive{from{opacity:0;transform:translateY(15px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-5deg)}}
@keyframes registration-star{0%,100%{opacity:.4;transform:scale(.8) rotate(-5deg)}50%{opacity:1;transform:scale(1.05) rotate(8deg)}}
@media(min-width:801px) and (max-width:1000px){:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual{padding:30px 26px 26px}.registration-guardians{width:330px;height:350px;left:-15px}.registration-profile-preview{width:190px;right:0;padding:14px}.registration-preview-status{font-size:6px}.registration-art-caption{right:0;top:53px;font-size:10px}.registration-art-moon{right:14px}.registration-benefits{gap:8px}.registration-benefits strong{font-size:8px}.registration-story h2{font-size:39px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-panel{padding:30px 28px}}
@media(max-width:800px){:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-shell{grid-template-columns:minmax(0,1fr)}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual{padding:22px 25px;min-height:0;overflow:hidden}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual::after{inset:7px;border-radius:14px}.registration-story,.registration-art-stage,.registration-story-footer{display:none}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-panel{padding:27px 28px 25px}.registration-form-steps{margin-bottom:20px}.registration-form-steps span{font-size:8px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-form-heading{padding-bottom:15px;margin-bottom:20px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-form-heading h1{font-size:30px}}
@media(max-width:360px){:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-visual{padding:19px 21px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .auth-panel{padding:24px 21px}:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-form-heading h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.registration-guardians,.registration-profile-preview,.registration-art-star{animation:none}}

@media(min-width:1001px){.registration-guardians{width:460px;height:460px;left:-26px;bottom:0}.registration-art-stage{min-height:410px}.registration-art-halo{width:350px;height:350px;left:calc(50% - 175px);top:21px}}

/* Bespoke garden artwork replaces the overlapping cutout/profile composition. */
.registration-garden-scene{position:relative;min-width:0;margin:27px -13px 5px;flex:1;display:flex;flex-direction:column;justify-content:center}
.registration-garden-frame{position:relative;overflow:hidden;border-radius:100px 100px 18px 18px;border:1px solid #d6b58d66;padding:5px;background:#d1afda06;box-shadow:0 20px 35px #09061638;isolation:isolate}
.registration-garden-frame::after{content:'';position:absolute;inset:10px;border:1px solid #ffe4c32e;border-radius:89px 89px 10px 10px;pointer-events:none}
.registration-garden-art{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:94px 94px 12px 12px;animation:registration-garden-arrive .8s ease both}
.registration-garden-corner{position:absolute;color:#eed09a;font-size:13px;text-shadow:0 0 10px #1f1024;pointer-events:none}
.registration-garden-corner.corner-one{left:16px;bottom:15px}
.registration-garden-corner.corner-two{right:16px;bottom:15px}
.registration-garden-scene figcaption{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:17px;color:#c4a5d1;font:11px/1.7 Georgia,serif;text-align:center}
.registration-garden-scene figcaption em{color:#e2c7dd;font-weight:400}
.registration-garden-line{display:block;width:23px;height:1px;background:#c6a1ca40;flex:0 0 23px}
:is(body.registration-page[data-halloween-page="register"],body.login-page[data-halloween-page="login"]) .registration-story-footer{margin-top:22px}
@keyframes registration-garden-arrive{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:1000px) and (min-width:801px){.registration-garden-scene{margin:25px -10px 5px}.registration-garden-frame{border-radius:70px 70px 15px 15px}.registration-garden-art{border-radius:65px 65px 10px 10px;aspect-ratio:1/1;object-position:48% center}.registration-garden-frame::after{border-radius:61px 61px 8px 8px}.registration-garden-scene figcaption{font-size:9px;gap:8px}.registration-garden-line{width:13px;flex-basis:13px}}
@media(max-width:800px){.registration-garden-scene{display:none}}
@media(prefers-reduced-motion:reduce){.registration-garden-art{animation:none}}