:root{--bg: #f4f7fb;--bg-soft: #fbfcfe;--surface: rgba(255,255,255,.84);--surface-strong: rgba(255,255,255,.94);--surface-solid: #ffffff;--surface-soft: #f8fafc;--text: #0f172a;--text-soft: #334155;--muted: #64748b;--border: rgba(148,163,184,.18);--border-soft: rgba(255,255,255,.58);--border-strong: rgba(31,58,95,.18);--primary: #1f3a5f;--primary-hover: #162c49;--primary-soft: rgba(31,58,95,.08);--primary-soft-2: rgba(31,58,95,.14);--primary-ring: 0 0 0 4px rgba(31,58,95,.14);--danger: #b91c1c;--shadow-xl: 0 34px 95px rgba(15, 23, 42, .12);--shadow-lg: 0 24px 58px rgba(15, 23, 42, .1);--shadow-md: 0 16px 36px rgba(15, 23, 42, .08);--shadow-sm: 0 10px 22px rgba(15, 23, 42, .06);--radius-2xl: 34px;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 18px;--radius-sm: 14px;--btn-h: 58px;--input-h: 58px;--container: 1240px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(860px 520px at 8% 8%,rgba(31,58,95,.08),transparent 56%),radial-gradient(820px 500px at 92% 16%,rgba(15,23,42,.05),transparent 58%),linear-gradient(180deg,#fcfdff,#f4f7fb)}img,svg{display:block;max-width:100%}button,input{font:inherit}strong{color:var(--text)}.muted{color:var(--muted)}.auth-body{min-height:100vh}.auth-shell{position:relative;min-height:100vh;overflow:hidden}.auth-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.auth-bg__orb{position:absolute;border-radius:999px;filter:blur(12px)}.auth-bg__orb--gold{width:620px;height:620px;left:-190px;top:-180px;background:radial-gradient(circle,rgba(31,58,95,.16) 0%,rgba(31,58,95,.04) 46%,transparent 72%)}.auth-bg__orb--ink{width:560px;height:560px;right:-180px;bottom:-210px;background:radial-gradient(circle,rgba(15,23,42,.1) 0%,rgba(15,23,42,.03) 44%,transparent 72%)}.auth-bg__mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,#00000075,#00000014);mask-image:linear-gradient(180deg,#00000075,#00000014)}.auth-bg__noise{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(rgba(15,23,42,.1) .6px,transparent .6px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.1),transparent 65%);mask-image:linear-gradient(180deg,rgba(0,0,0,.1),transparent 65%)}.auth-wrap{position:relative;z-index:1;width:min(100%,var(--container));min-height:100vh;margin:0 auto;padding:28px 24px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,430px);gap:28px;align-items:center}.auth-showcase{position:relative;min-height:640px;padding:38px;border:1px solid rgba(255,255,255,.42);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#ffffffb8,#ffffff4d),linear-gradient(180deg,#1f3a5f0a,#ffffff05);box-shadow:var(--shadow-xl);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth-showcase:before{content:"";position:absolute;inset:18px;border-radius:26px;border:1px solid rgba(255,255,255,.42);pointer-events:none}.auth-showcase:after{content:"";position:absolute;right:-40px;bottom:-40px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(31,58,95,.1),transparent 70%);pointer-events:none}.auth-showcase__top,.auth-showcase__content,.auth-showcase__stats{position:relative;z-index:1}.auth-showcase__badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:10px 14px;border-radius:999px;border:1px solid rgba(31,58,95,.12);background:#ffffffc2;box-shadow:var(--shadow-sm);color:var(--text-soft);font-size:13px;font-weight:800;letter-spacing:.01em}.auth-showcase__content{max-width:560px}.auth-showcase__eyebrow{color:var(--primary);font-size:13px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px}.auth-showcase__title{margin:0;max-width:620px;font-size:clamp(2rem,3.2vw,4rem);line-height:1.04;letter-spacing:-.05em;font-weight:900;color:var(--text)}.auth-showcase__text{margin:20px 0 0;max-width:540px;font-size:16px;line-height:1.82;color:var(--text-soft)}.auth-showcase__highlights{display:flex;flex-direction:column;gap:12px;margin-top:28px}.showcase-point{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:14px;font-weight:700;line-height:1.5}.showcase-point__dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px;background:linear-gradient(180deg,#35567f,#1f3a5f);box-shadow:0 0 0 5px #1f3a5f1a}.auth-showcase__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.showcase-stat{padding:18px 18px 16px;border-radius:20px;background:linear-gradient(180deg,#ffffffd6,#ffffffad);border:1px solid rgba(255,255,255,.56);box-shadow:var(--shadow-sm)}.showcase-stat__value{font-size:15px;font-weight:900;color:var(--text)}.showcase-stat__label{margin-top:7px;font-size:13px;line-height:1.58;color:var(--muted)}.auth-panel{width:100%}.auth-card{position:relative;border-radius:30px;background:linear-gradient(180deg,#fffffff5,#ffffffe0);border:1px solid rgba(255,255,255,.6);box-shadow:0 30px 80px #0f172a1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 24%),linear-gradient(135deg,rgba(31,58,95,.04),transparent 36%);pointer-events:none}.auth-card__shine{position:absolute;top:-18px;right:-26px;width:170px;height:170px;border-radius:999px;background:radial-gradient(circle,rgba(31,58,95,.14) 0%,rgba(31,58,95,.03) 48%,transparent 74%);pointer-events:none}.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:30px 28px 22px;border-bottom:1px solid rgba(148,163,184,.14)}.auth-mark{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#1f3a5f14}.auth-logo{width:42px;height:42px;object-fit:contain;display:block}.auth-brand__name{font-size:21px;line-height:1.1;font-weight:900;letter-spacing:-.02em;color:var(--text)}.auth-brand__sub{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.5}.auth-card__body{position:relative;z-index:1;padding:28px}.auth-copy{margin-bottom:24px}.auth-kicker{display:inline-flex;align-items:center;min-height:31px;padding:6px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.auth-title{margin:16px 0 10px;font-size:33px;line-height:1.06;letter-spacing:-.04em;font-weight:900;color:var(--text)}.auth-desc{margin:0;color:var(--text-soft);font-size:15px;line-height:1.8}.auth-form{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.label{display:block;font-size:13px;font-weight:800;color:var(--text-soft);letter-spacing:.01em}.input-wrap{position:relative}.input-icon{position:absolute;top:50%;left:16px;width:18px;height:18px;transform:translateY(-50%);color:#94a3b8;pointer-events:none;z-index:1}.input{width:100%;height:var(--input-h);border-radius:16px;border:1px solid rgba(203,213,225,.72);background:linear-gradient(180deg,#fffffffa,#ffffffeb);padding:0 16px 0 48px;color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,transform .18s ease;box-shadow:inset 0 1px #ffffffc7,0 1px 2px #0f172a05}.input::placeholder{color:#94a3b8}.input:hover{border-color:#94a3b86b;background:#fff}.input:focus{border-color:#1f3a5f52;box-shadow:var(--primary-ring);background:#fff}.input.is-invalid{border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.error{font-size:13px;line-height:1.5;color:var(--danger);font-weight:700;padding-left:2px}.btn{appearance:none;border:0;outline:none;min-height:var(--btn-h);border-radius:16px;padding:0 18px;font-weight:800;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;width:100%;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(180deg,#2b4a73,#1f3a5f);box-shadow:0 18px 32px #1f3a5f38,inset 0 1px #ffffff2e}.btn-primary:hover{background:linear-gradient(180deg,#335781,#162c49);transform:translateY(-1px)}.btn-primary:focus-visible{box-shadow:0 18px 32px #1f3a5f38,inset 0 1px #ffffff2e,var(--primary-ring)}.auth-meta{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.auth-meta__item{padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#ffffffd1,#ffffffad);border:1px solid rgba(148,163,184,.14);box-shadow:0 6px 14px #0f172a08}.auth-meta__label{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:4px}.auth-meta__value{display:block;color:var(--text);font-size:13px;line-height:1.5;font-weight:800}.auth-foot{position:relative;z-index:1;margin:0 28px 28px;padding-top:18px;border-top:1px solid rgba(148,163,184,.14);font-size:12px;line-height:1.6}@media(max-width:1180px){.auth-wrap{grid-template-columns:minmax(0,1fr) minmax(350px,410px);gap:22px}.auth-showcase{min-height:580px;padding:32px}.auth-showcase__stats{grid-template-columns:1fr}}@media(max-width:980px){.auth-wrap{grid-template-columns:1fr;max-width:580px;padding:20px}.auth-showcase{display:none}}@media(max-width:640px){.auth-wrap{padding:16px}.auth-card{border-radius:24px}.auth-brand{padding:22px 20px 18px}.auth-card__body{padding:20px}.auth-foot{margin:0 20px 20px;padding-top:14px}.auth-title{font-size:28px}.auth-desc{font-size:14px;line-height:1.72}.auth-meta{grid-template-columns:1fr}.input{height:54px;border-radius:14px}.btn{min-height:54px;border-radius:14px}}@media(max-width:420px){.auth-wrap{padding:12px}.auth-brand{gap:12px}.auth-mark{width:46px;height:46px;flex-basis:46px;border-radius:15px}.auth-brand__name{font-size:18px}.auth-brand__sub{font-size:12px}.auth-card__body{padding:18px}.auth-title{font-size:24px}.auth-kicker{font-size:11px;padding:6px 10px}.input{padding-left:44px}.input-icon{left:14px;width:17px;height:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
