:root{--bg:#f8fbff;--panel:#fff;--panel-soft:#f8fbff;--ink:#202124;--muted:#5f6368;--primary:#1a73e8;--primary-strong:#1557b0;--primary-soft:#e8f0fe;--line:#dadce0;--line-soft:#edf2f7;--focus:#1a73e8;--success:#188038;--danger:#b3261e;--google-red:#ea4335;--google-yellow:#fbbc04;--google-green:#34a853;--shadow:0 24px 70px #3c404321}*{box-sizing:border-box}html{min-height:100%}body{background:linear-gradient(180deg, #ffffffeb, #f8fbffeb), radial-gradient(circle at 18% 12%, #1a73e81f, transparent 24rem), var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.register-page{place-items:center;min-height:100vh;padding:32px;display:grid}.auth-shell{border:1px solid var(--line);background:var(--panel);width:min(1040px,100%);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:minmax(320px,.9fr) minmax(340px,1fr);display:grid;overflow:hidden}.brand-panel{border-right:1px solid var(--line-soft);background:linear-gradient(180deg, #fffffff5, #f8fbfff5), var(--panel);min-height:620px;color:var(--ink);flex-direction:column;justify-content:space-between;padding:42px;display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";pointer-events:none;border:1px solid #1a73e829;border-radius:32px;width:118px;height:118px;position:absolute;bottom:150px;right:32px;transform:rotate(10deg)}.brand-panel:after{content:"";border:28px solid #fbbc041f;border-radius:999px;width:156px;height:156px;position:absolute;top:98px;left:-54px}.brand-header{z-index:1;color:#3c4043;align-items:center;gap:12px;font-size:1rem;font-weight:600;display:flex;position:relative}.brand-mark{z-index:1;border:1px solid var(--line);width:40px;height:40px;color:var(--primary);background:#fff;border-radius:12px;place-items:center;display:grid;position:relative;box-shadow:0 6px 18px #3c404314}.icon{width:24px;height:24px}.field-icon{color:#4f7d98;flex:none;width:22px;height:22px}.eyebrow,.step-label{color:inherit;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.account-visual{z-index:1;place-items:center;min-height:240px;margin:18px 0 24px;display:grid;position:relative}.visual-window{border:1px solid var(--line);background:#fff;border-radius:26px;width:min(260px,100%);padding:18px;box-shadow:0 18px 46px #3c40431f}.visual-toolbar{gap:8px;padding-bottom:26px;display:flex}.dot{border-radius:999px;width:10px;height:10px}.dot.blue{background:var(--primary)}.dot.red{background:var(--google-red)}.dot.yellow{background:var(--google-yellow)}.dot.green{background:var(--google-green)}.profile-ring{border:10px solid var(--primary-soft);width:84px;height:84px;color:var(--primary);border-radius:999px;place-items:center;margin:0 auto 24px;display:grid}.profile-ring .icon{width:34px;height:34px}.visual-lines{gap:11px;display:grid}.visual-lines span{background:#edf2f7;border-radius:999px;height:10px}.visual-lines span:first-child{width:78%}.visual-lines span:nth-child(2){width:100%}.visual-lines span:nth-child(3){width:58%}.material-chip{border:1px solid var(--line);color:#3c4043;background:#fff;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:.78rem;font-weight:700;display:inline-flex;position:absolute;box-shadow:0 10px 30px #3c40431a}.chip-blue{border-color:#1a73e838;top:44px;right:18px}.chip-green{border-color:#34a8533d;bottom:34px;left:14px}.brand-panel h1{z-index:1;letter-spacing:0;max-width:10ch;margin:14px 0;font-size:clamp(2.15rem,5vw,3.35rem);font-weight:500;line-height:1.04;position:relative}.intro{z-index:1;max-width:25rem;color:var(--muted);margin:0;font-size:1rem;line-height:1.68;position:relative}.signal-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px;display:grid;position:relative}.signal{border:1px solid var(--line);height:40px;color:var(--muted);border-radius:999px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.signal.current,.signal.active{background:var(--primary-soft);color:var(--primary);border-color:#1a73e83d}.form-panel{background:var(--panel);place-items:center;min-height:620px;padding:44px;display:grid}.auth-form{width:min(100%,420px)}.form-heading{margin-bottom:28px}.form-heading h2{color:var(--ink);letter-spacing:0;margin:10px 0 8px;font-size:clamp(1.72rem,4vw,2.4rem);line-height:1.05}.form-heading p{color:var(--muted);margin:0;line-height:1.7}.step-label{color:var(--primary)}.field{color:var(--ink);gap:10px;margin-bottom:18px;font-size:.94rem;font-weight:700;display:grid}.input-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;min-height:58px;padding:0 16px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:flex}.input-wrap:focus-within{border-color:var(--focus);background:var(--panel-soft);box-shadow:0 0 0 4px #0ea5e924}.input-wrap input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:1rem}.input-wrap input::placeholder{color:#8ba4b6}.strength{grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 22px;display:grid}.strength-bar{background:#d8ebf8;border-radius:999px;height:7px;transition:background-color .2s}.strength-bar.filled{background:var(--success)}.primary-button,.ghost-button{border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:56px;font-weight:800;transition:border-color .18s,background-color .18s,box-shadow .18s,color .18s;display:inline-flex}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 18px 36px #0369a13d}.primary-button:hover{border-color:var(--primary-strong);background:var(--primary-strong)}.primary-button:disabled{cursor:not-allowed;box-shadow:none;background:#a8c7fa;border-color:#a8c7fa}.primary-button:focus-visible,.ghost-button:focus-visible,.code-input:focus-visible{outline-offset:3px;outline:3px solid #0ea5e957}.ghost-button{border:1px solid var(--line);color:var(--primary);background:#fff;margin-top:20px}.ghost-button:hover{border-color:var(--focus);background:var(--primary-soft)}.error{color:var(--danger);margin:-4px 0 18px;font-size:.92rem;font-weight:700}.verify-error{margin:16px 0 0}.code-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.code-input{aspect-ratio:1;border:1px solid var(--line);width:100%;color:var(--ink);text-align:center;background:#fff;border-radius:16px;outline:0;font-size:clamp(1.2rem,5vw,1.7rem);font-weight:900;transition:border-color .18s,box-shadow .18s,background-color .18s}.code-input:focus{border-color:var(--focus);background:var(--panel-soft);box-shadow:0 0 0 4px #0ea5e924}.microcopy{color:var(--muted);margin:18px 0 0;font-size:.94rem;line-height:1.6}.success-state{text-align:center}.credential-preview{border:1px solid var(--line);text-align:left;background:linear-gradient(135deg,#e8f0feb8,#fffffff5),#fff;border-radius:24px;width:min(232px,82%);margin:0 auto 26px;padding:18px;box-shadow:0 16px 42px #3c40431f}.credential-topline{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.credential-chip{background:linear-gradient(90deg,#fbbc04b8 0 32%,#0000 32%),linear-gradient(#ffffffeb,#e8f0feeb);border:1px solid #1a73e838;border-radius:10px;width:42px;height:30px}.credential-check{width:34px;height:34px;color:var(--success);background:#e6f4ea;border-radius:999px;place-items:center;display:grid}.credential-check .icon{width:21px;height:21px}.credential-line{background:#dfe7f2;border-radius:999px;height:10px}.credential-line.long{width:100%;margin-bottom:11px}.credential-line.medium{width:68%;margin-bottom:24px}.credential-footer{gap:7px;display:flex}.credential-footer span{background:var(--line);border-radius:999px;width:24px;height:6px}.credential-footer span:first-child{background:var(--primary)}.credential-footer span:nth-child(2){background:var(--google-red)}.credential-footer span:nth-child(3){background:var(--google-green)}@media (max-width:820px){.register-page{align-items:start;padding:18px}.auth-shell{border-radius:24px;grid-template-columns:1fr}.brand-panel{min-height:390px;padding:34px}.brand-panel h1{max-width:11ch}.form-panel{min-height:auto;padding:34px}}@media (max-width:470px){.register-page{padding:0}.auth-shell{border-width:0;border-radius:0;min-height:100vh}.brand-panel{min-height:340px;padding:28px 22px}.brand-panel:before{inset:16px}.form-panel{padding:30px 20px 36px}.code-row{gap:7px}.code-input{border-radius:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}