*{box-sizing:border-box}
body{margin:0;background:#f6f8fb;color:#0d1425;font-family:'DM Sans',sans-serif}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,41.5%) 1fr}
.auth-story{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 45%,#004d4a 0,transparent 42%),linear-gradient(145deg,#07172e 5%,#08223a 58%,#073a3b);color:#fff;padding:58px 56px 48px;display:flex;flex-direction:column}
.auth-story:after{content:"";position:absolute;right:-170px;bottom:-200px;width:430px;height:430px;border-radius:50%;background:#00b77a14;filter:blur(20px)}
.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;width:max-content}
.auth-brand>span{width:49px;height:49px;border-radius:14px;background:#fff;display:grid;place-items:center}
.auth-brand img{width:37px;height:37px;object-fit:contain}
.auth-brand strong{font:800 18px Manrope}
.auth-brand small{display:block;color:#a8b7ca;font:600 8px 'DM Sans';letter-spacing:.13em;margin-top:2px}
.story-main{position:relative;z-index:1;margin:auto 0;max-width:510px}
.story-kicker{color:#31e2a4;font-size:10px;font-weight:800;letter-spacing:.2em}
.story-main h1{font:800 clamp(36px,3.35vw,52px)/1.08 Manrope;margin:23px 0 24px;letter-spacing:-.035em}
.story-copy{max-width:475px;color:#aab8ca;font-size:16px;line-height:1.65;margin:0}
.setup-steps{margin-top:62px;padding:23px 22px 20px;border:1px solid #ffffff25;border-radius:17px;background:#ffffff0b;backdrop-filter:blur(8px)}
.setup-steps>small{display:block;color:#a9b7ca;font-size:9px;font-weight:700;letter-spacing:.14em;margin-bottom:15px}
.step{display:flex;align-items:center;gap:14px;color:#aab8ca;font-size:12px;font-weight:600;padding:9px 0}
.step b{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#ffffff12;color:#aab8ca;font-size:10px}
.step.active{color:#fff}
.step.active b{background:#12c883;color:#fff}
.auth-story footer{position:relative;z-index:1;color:#9aabbd;font-size:9px;letter-spacing:.01em}
.auth-story footer span{display:inline-block;position:relative;top:-2px;width:16px;height:16px;margin-right:9px;vertical-align:middle;font-size:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232ae0aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat}
.auth-content{display:grid;place-items:center;padding:50px;background:radial-gradient(circle at 45% 38%,#fff 0,#f8f9fc 60%,#f1f4f8 100%)}
.auth-card{width:min(548px,100%);background:#ffffffd9;border:1px solid #dce3eb;border-radius:27px;padding:40px 43px 42px;box-shadow:0 24px 60px #24344e12;backdrop-filter:blur(8px)}
.card-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}
.card-status>span{display:flex;align-items:center;gap:7px;border-radius:99px;background:#eaf9f3;color:#087b55;padding:7px 11px;font-size:9px;font-weight:800}
.card-status i{display:block;width:6px;height:6px;border-radius:50%;background:#10b878}
.card-status small{color:#778298;font-size:9px}
.auth-card h2{font:800 31px/1.2 Manrope;margin:0 0 12px;letter-spacing:-.03em}
.intro{color:#778298;font-size:12px;line-height:1.55;margin:0 0 27px;max-width:420px}
.auth-card label{display:block;color:#252b36;font-size:11px;font-weight:500;margin:13px 0}
.auth-card input,.auth-card select{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #d9dfe5;border-radius:8px;background:#fff;font:13px 'DM Sans';transition:.15s}
.auth-card input::placeholder{color:#adb4bd}
.auth-card input:focus,.auth-card select:focus{outline:3px solid #11a97520;border-color:#11a975}
.registration-card{width:min(680px,100%);padding-top:30px}.registration-card .card-status{margin-bottom:20px}.registration-card fieldset{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin:18px 0 0;padding:15px 0 0;border:0;border-top:1px solid #e2e8ed}.registration-card legend{padding-right:12px;color:#087b69;font:800 10px Manrope;letter-spacing:.1em;text-transform:uppercase}.registration-card .wide{grid-column:1/-1}.registration-card .submit{margin-top:22px}
.password-field{display:block;position:relative}
.password-field input{padding-right:52px}
.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#8590a0;cursor:pointer}
.password-toggle:hover,.password-toggle:active{background:transparent;color:#078660}
.password-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.password-hint{display:flex;gap:15px;color:#647186;font-size:8px;margin-top:19px}
.password-hint span+span:before{content:"·";margin-right:15px}
.strength{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
.strength i{height:4px;border-radius:99px;background:#e0e5eb}
.strength i:first-child{background:#11b779}
.submit{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:12px;padding:16px 19px;margin-top:34px;background:linear-gradient(105deg,#063f74,#008a72 56%,#05b978);color:#fff;font:800 12px 'DM Sans';box-shadow:0 12px 24px #078c6c24;cursor:pointer}
.submit:hover{filter:brightness(1.05);transform:translateY(-1px)}
.privacy{display:block;text-align:center;color:#98a2b1;font-size:9px;margin-top:24px}
.back-choice{display:block;text-align:center;color:#167b69;text-decoration:none;font-size:10px;font-weight:700;margin-top:17px}
.auth-error{background:#fff0f1;color:#b83e4e;padding:10px 12px;border-radius:8px;font-size:10px;margin-bottom:15px}
@media(max-width:950px){.auth-shell{grid-template-columns:390px 1fr}
.auth-story{padding:38px}
.story-main h1{font-size:37px}
.setup-steps{margin-top:35px}
.auth-content{padding:30px}
.auth-card{padding:34px}
}
@media(max-width:760px){.auth-shell{display:block}
.auth-story{min-height:auto;padding:25px}
.story-main{margin:55px 0 20px}
.story-main h1{font-size:34px}
.story-copy,.setup-steps,.auth-story footer{display:none}
.auth-content{padding:25px;min-height:60vh}
.auth-card{padding:28px 23px;border-radius:20px}
.auth-card h2{font-size:25px}
.registration-card fieldset{grid-template-columns:1fr}
.registration-card .wide{grid-column:auto}
}
@import url('/assets/sidebar-aurora.css?v=7');