body{margin:0;background:#f7f9fc;color:#142b42;font-family:'DM Sans',sans-serif}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.auth-story{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(30px,4vw,64px);color:#fff;background:radial-gradient(circle at 78% 42%,#155274 0%,transparent 37%),linear-gradient(145deg,#0d3156,#091d36 55%,#071827)}
.auth-story:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}
.auth-story:after{content:'';position:absolute;width:440px;height:440px;right:-220px;bottom:-220px;border-radius:50%;background:rgba(18,132,84,.16);z-index:-1}
.auth-story-brand{display:flex;align-items:center;gap:14px}.auth-story-brand img{width:68px;height:68px;border-radius:50%;padding:4px;background:#fff;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 28px rgba(0,0,0,.22)}.auth-story-brand div{display:flex;flex-direction:column;gap:3px}.auth-story-brand strong{font:800 22px/1.2 Manrope,sans-serif;letter-spacing:-.05em}.auth-story-brand small{font-size:10px;color:#b7d1df;letter-spacing:.05em}
.auth-story-main{max-width:610px;margin:28px 0}.auth-story-kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.19em;font-weight:800;color:#f6c952;margin-bottom:14px}.auth-story-kicker span{width:24px;height:1px;background:currentColor}.auth-story h1{font:800 clamp(36px,4vw,61px)/1.12 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 18px}.auth-story h1 em{font-style:normal;color:#f6ce72}.auth-story p{font-size:16px;line-height:1.65;color:#c5d7e5;max-width:540px;margin:0}
.auth-story-art{height:255px;position:relative;display:grid;place-items:center}.auth-story-art img{position:relative;z-index:1;width:165px;height:165px;object-fit:cover;border-radius:50%;padding:7px;background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.3);animation:auth-float 6s ease-in-out infinite}.auth-story-ring{position:absolute;width:235px;height:235px;border:1px dashed rgba(246,201,82,.45);border-radius:50%;animation:auth-spin 60s linear infinite}.auth-story-ring:after{content:'';position:absolute;inset:-24px;border:1px solid rgba(178,219,229,.2);border-radius:50%}.auth-story-orbit{position:absolute;z-index:2;top:28px;right:calc(50% - 142px);width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#176cbb,#128454);box-shadow:0 10px 25px rgba(0,0,0,.25)}
.auth-story-footer{font-size:11px;color:#a8c1d0;letter-spacing:.05em}.auth-story-footer:before{content:'';display:inline-block;width:24px;height:1px;background:#f6c952;vertical-align:middle;margin-right:10px}
.auth-content{position:relative;display:flex;align-items:center;justify-content:center;padding:70px clamp(24px,5vw,70px);background:radial-gradient(circle at 100% 0%,rgba(18,132,84,.055),transparent 38%),#fbfcff}.auth-content-top{position:absolute;top:38px;left:48px;font:800 11px Manrope,sans-serif;letter-spacing:.14em;color:#8797a6}.auth-content-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#128454;vertical-align:middle;margin-right:5px}.auth-content-secure{position:absolute;right:48px;top:38px;color:#128454;font:700 11px 'DM Sans',sans-serif;letter-spacing:0}.auth-content-secure i{margin-right:5px}
.guest-card{width:100%;max-width:440px;padding:0}.guest-brand{display:none}.guest-card h1,.guest-card h2,.guest-card .auth-title{font:800 clamp(30px,3vw,42px)/1.15 Manrope,sans-serif;letter-spacing:-.045em;color:#142b42}.guest-card .auth-kicker{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:100px;background:#eaf5ef;color:#147b54;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:17px}.guest-card .auth-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:18px;border-radius:16px;background:linear-gradient(135deg,#e8f2fc,#eaf5ef);color:#176cbb;font-size:24px}.guest-card .auth-description{color:#697b8d;font-size:14px;line-height:1.65;margin:10px 0 24px}.guest-card .form-control{height:52px;border:1px solid #d9e2ea;border-radius:12px;padding:12px 15px;background:#fff}.guest-card .form-control:focus{border-color:#228cba;box-shadow:0 0 0 4px rgba(23,108,187,.12)}.guest-card label{font-size:13px;font-weight:700;color:#25384b;margin-bottom:7px}.guest-card .btn-primary{min-height:50px;padding:10px 20px;border-radius:12px;background:linear-gradient(110deg,#176cbb,#128454);border-color:#176cbb;font:800 13px Manrope,sans-serif;box-shadow:0 12px 24px rgba(20,109,132,.16)}.guest-card .btn-primary:hover{filter:brightness(1.04)}.guest-card a{color:#176cbb;font-weight:700}.guest-card .text-muted{color:#697b8d!important}.auth-content-footer{position:absolute;bottom:28px;left:24px;right:24px;text-align:center;color:#91a0ad;font-size:11px}
@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-float{50%{transform:translateY(-7px)}}
@media(max-width:900px){.auth-shell{display:block}.auth-story{display:none}.auth-content{min-height:100vh;padding:85px 24px 65px}.auth-content-top{top:25px;left:24px}.auth-content-secure{position:absolute;top:25px;right:24px}.guest-card{max-width:440px}.guest-brand{display:block;margin-bottom:18px}.guest-brand img{width:65px;height:65px;border-radius:50%;border:4px solid #fff;box-shadow:0 8px 24px rgba(20,64,84,.13)}.auth-content-footer{bottom:20px}}
@media(max-width:430px){.auth-content-secure{display:none}.guest-card .auth-title{font-size:30px}.guest-card .d-flex.justify-content-between{gap:14px;flex-wrap:wrap}}
@media(max-height:720px) and (min-width:901px){.auth-story{padding-top:28px;padding-bottom:28px}.auth-story-art{height:180px}.auth-story-art img{width:125px;height:125px}.auth-story-ring{width:170px;height:170px}.auth-story-orbit{top:13px;right:calc(50% - 108px)}.auth-story h1{font-size:42px}.auth-story p{font-size:14px}.auth-content{padding-top:45px;padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.auth-story-ring,.auth-story-art img{animation:none}}
.auth-content-top{right:48px;display:flex;align-items:center;gap:5px}
.auth-content-secure{position:static;margin-left:auto}
@media(max-width:900px){.auth-content-top{right:24px}}