/* Registration mockup: styles intentionally scoped to this page. */
body:has(.registration-page) .site-main{max-width:none;padding:0}
body:has(.registration-page) .site-header{height:65px;padding:0 4.5%;gap:24px}
body:has(.registration-page) .site-footer{display:none}
.registration-page{position:relative;isolation:isolate;min-height:calc(100vh - 65px);overflow:hidden;background:#eff8ff;color:#08085d}
.registration-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-1;pointer-events:none}
.registration-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,525px);gap:5%;width:80.4%;max-width:1500px;margin:0 12.3% 0 7.3%;padding-top:32px;padding-bottom:20px;min-height:calc(100vh - 65px)}
.registration-story{padding-top:31px;min-width:0}
.registration-eyebrow{display:inline-block;background:#dcedff;color:#0072ff;border-radius:15px;padding:9px 18px;font-size:14px;letter-spacing:1.2px;font-weight:600}
.registration-story h1{font-size:clamp(40px,3.6vw,64px);line-height:1.04;letter-spacing:-.5px;margin:24px 0 48px;font-weight:700;position:relative}
.registration-story h1:after{content:"";position:absolute;width:184px;height:8px;background:#91c4ff;border-radius:80% 60% 30% 20%;bottom:-26px;left:-8px;transform:rotate(-4deg)}
.registration-description{font-size:21px;line-height:1.4;color:#7386b4;margin-bottom:24px;max-width:510px}
.registration-benefits{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.registration-benefits li{display:flex;align-items:center;gap:22px}
.benefit-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#dcf0ff;color:#007aff;flex-shrink:0}
.benefit-icon.teal{background:#e0f5f5;color:#00a6aa}
.benefit-icon .icon{width:29px;height:29px}
.registration-benefits strong{display:block;font-weight:500;font-size:20px;margin-bottom:3px}
.registration-benefits li div>span{font-size:16px;color:#7586b6}
.registration-story blockquote{font-family:'Segoe Print','Comic Sans MS',cursive;font-size:25px;font-style:italic;line-height:1.55;color:#2e68b7;margin:50px 0 0;transform:rotate(-5deg);width:300px;text-align:center}
.registration-story cite{display:block;font-size:19px;text-align:right;margin-top:12px}
.registration-story cite:before{content:"";display:block;background:#6eaaff;height:2px;width:150px;margin:0 35px 10px auto;transform:rotate(-7deg)}
.registration-card{align-self:start;border-radius:24px;background:rgba(255,255,255,.97);padding:37px 35px 28px;box-shadow:0 14px 45px #618ccc12}
.registration-card-heading{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.registration-avatar{width:64px;height:64px;border-radius:50%;background:#e6f2ff;color:#0077ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.registration-avatar .icon{width:32px;height:32px}
.registration-card h2{font-size:32px;line-height:1.15;margin:0 0 6px;color:#08085d}
.registration-card-heading p{font-size:17px;color:#6f8bc1;margin:0;line-height:1.3}
.registration-field{margin-bottom:17px}
.registration-field label{display:block;margin:0 0 7px;font-size:17px;font-weight:600;color:#08085d}
.registration-field label>span{color:#f43d54}
.registration-input{position:relative}
.registration-input>.icon{position:absolute;left:17px;top:50%;transform:translateY(-50%);width:21px;height:21px;color:#6381b6;pointer-events:none}
.registration-card .registration-input input{display:block;width:100%;height:44px;border:1px solid #ccdaee;border-radius:9px;padding:10px 14px 10px 53px;background:#fff;color:#152c65;min-width:0;margin-top:0;font-size:16px;box-shadow:0 1px 2px #6381b605}
.registration-card .registration-input input::placeholder{color:#899ab9;opacity:1}
.registration-card .registration-input input:focus{border-color:#68a7ff;outline:3px solid #d9eaff;outline-offset:1px}
.registration-field small{display:block;font-size:14px;color:#718fc4;margin-top:5px;line-height:1.45}
.registration-card .captcha-box{margin:20px 0}
.registration-submit{width:100%;height:52px;border-radius:10px;font-size:20px;box-shadow:0 5px 16px #1386ff20;margin-top:2px;background:linear-gradient(120deg,#1596ff,#0663ff)}
.registration-login{display:flex;align-items:center;gap:15px;text-align:center;color:#8497bc;font-size:16px;margin:22px 0 0;white-space:nowrap}
.registration-login:before,.registration-login:after{content:"";height:1px;background:#cbd9ec;flex:1}
.registration-login a{color:#0074ff;font-weight:700;margin-left:5px}
.registration-note{position:absolute;right:2.3%;width:130px;font-family:'Segoe Print','Comic Sans MS',cursive;font-style:italic;font-size:23px;line-height:1.4;text-align:center;color:#5b90dc;transform:rotate(-12deg);pointer-events:none}
.registration-note:after{content:"";display:block;height:2px;width:75px;background:#79b1ff;margin:15px auto;transform:rotate(-12deg)}
.note-top{top:70px}.note-bottom{bottom:55px}
@media(min-width:1500px){.registration-card .registration-field{margin-bottom:17px}.registration-card{padding-top:38px;padding-bottom:32px}.registration-card-heading{margin-bottom:22px}.registration-card .registration-input input{height:44px}.registration-field:has(small){margin-bottom:17px}}
@media(max-width:1250px){.registration-layout{width:90%;margin:0 auto;grid-template-columns:minmax(0,1fr) 440px;gap:35px}.registration-note{display:none}.registration-story h1{font-size:44px}.registration-description{font-size:18px;max-width:400px}.wide-break{display:none}.registration-card{padding:30px 25px}.registration-card h2{font-size:28px}.registration-card-heading{gap:14px}.registration-avatar{width:54px;height:54px}.registration-benefits strong{font-size:18px}.registration-benefits li{gap:15px}.registration-backdrop{object-position:45% top}.registration-story blockquote{font-size:22px}}
@media(max-width:900px){.registration-layout{grid-template-columns:1fr;max-width:560px;padding-top:24px;gap:28px}.registration-story{padding-top:0}.registration-story h1{font-size:42px;margin-bottom:36px}.registration-description{max-width:none}.registration-benefits{gap:14px}.registration-story blockquote{display:none}.registration-backdrop{object-fit:cover;opacity:.22}.registration-card{margin-bottom:15px}.registration-story h1:after{bottom:-17px;height:5px}.registration-benefits li div>span{color:#566f9c}body:has(.registration-page) .site-header{height:auto;min-height:65px;padding:10px 4%}}
@media(max-width:480px){.registration-layout{width:calc(100% - 28px)}.registration-story h1{font-size:36px}.registration-description{font-size:17px}.registration-benefits strong{font-size:17px}.benefit-icon{height:45px;width:45px}.registration-card{padding:24px 18px;border-radius:20px}.registration-card-heading{gap:12px}.registration-card h2{font-size:25px}.registration-card-heading p{font-size:15px}.registration-avatar{width:46px;height:46px}.registration-login{font-size:14px;gap:8px}.registration-field label{font-size:16px}.registration-card .registration-input input{font-size:16px;padding-left:44px}.registration-input>.icon{left:13px}}
@media(max-width:360px){.registration-card{padding-left:10px;padding-right:10px}.registration-login{white-space:normal}.registration-avatar{display:none}}