:root{--field:#f0f1f4;--ink:#0b0e12;--ink-soft:#6a6a6b;--paper:#fff;--hairline:#d9d9d9;--accent:#c63524;--accent-dark:#a42b1d;--accent-bright:#de5849;--danger:#c0392b;--success:#1f9d68;--font-display:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--font-text:Inter, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius-panel:14px;--radius-control:8px;--shadow-soft:0 18px 50px -30px #0b0e1261}*{box-sizing:border-box}html,body{background:var(--field);min-height:100%;color:var(--ink);font-family:var(--font-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}body{min-height:100dvh}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}::selection{color:var(--paper);background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.8s linear infinite global-spin}@keyframes global-spin{to{transform:rotate(360deg)}}.mono-label{font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;font-size:.7rem;line-height:1.2}.webisoft-ai-mark{flex:none;display:block}.auth-shell{background:var(--paper);grid-template-columns:minmax(430px,42.5%) minmax(0,1fr);min-height:100dvh;display:grid}.auth-panel{background:var(--paper);z-index:1;grid-template-rows:auto 1fr auto;min-height:100dvh;padding:clamp(28px,4vw,54px);display:grid;position:relative}.auth-brand{width:fit-content;color:var(--ink);display:inline-flex}.auth-brand svg{fill:currentColor;width:156px;height:auto}.auth-content{align-self:center;width:min(100%,448px);margin:26px auto 54px}.auth-content h1{max-width:430px;font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.2vw,2.78rem);font-weight:600;line-height:1.04}.auth-subtitle{color:var(--ink-soft);margin:14px 0 38px;font-size:1.06rem;line-height:1.5}.auth-form{gap:15px;display:grid}.auth-google,.auth-primary,.auth-secondary{border-radius:var(--radius-control);background:var(--paper);cursor:pointer;border:1px solid #b8bbc0;justify-content:center;align-items:center;gap:12px;min-height:58px;font-size:1rem;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.auth-google:hover:not(:disabled),.auth-secondary:hover:not(:disabled){border-color:var(--ink);background:#f8f8f9}.auth-google:active:not(:disabled),.auth-primary:active:not(:disabled),.auth-secondary:active:not(:disabled){transform:translateY(1px)}.auth-google:disabled,.auth-primary:disabled,.auth-secondary:disabled{cursor:not-allowed;opacity:.62}.google-mark{flex:none;width:21px;height:21px}.auth-divider{color:var(--ink);font-family:var(--font-mono);letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:6px 0;font-size:.7rem;display:grid}.auth-divider:before,.auth-divider:after{background:var(--hairline);content:"";height:1px}.field-group{gap:9px;display:grid}.field-label{color:var(--ink);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.field-input,.field-textarea{border-radius:var(--radius-control);background:var(--paper);width:100%;min-height:56px;color:var(--ink);border:1px solid #b8bbc0;outline:none;padding:0 17px;transition:border-color .16s,box-shadow .16s}.field-input::placeholder,.field-textarea::placeholder{color:#868a91}.field-input:focus,.field-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c635241a}.otp-input{font-family:var(--font-mono);letter-spacing:.42em;text-align:center;font-size:1.45rem}.auth-primary{border-color:var(--accent);background:var(--accent);color:var(--paper);box-shadow:0 12px 28px -18px #c63524e6}.auth-primary:hover:not(:disabled){border-color:var(--accent-dark);background:var(--accent-dark)}.auth-link{width:fit-content;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:2px auto 0;font-size:.93rem;text-decoration:underline}.auth-message{border-radius:var(--radius-control);color:var(--ink-soft);background:#f5f6f7;margin:0;padding:11px 13px;font-size:.86rem;line-height:1.45}.auth-message[data-tone=error]{color:#8d261b;background:#fff0ed}.auth-message[data-tone=success]{color:#176849;background:#edf8f3}.auth-consent{color:#7b7e84;text-align:center;max-width:355px;margin:18px auto 0;font-size:.79rem;line-height:1.5}.auth-footer{color:var(--ink-soft);font-size:.78rem}.auth-art{background:var(--ink);min-height:100dvh;position:relative;overflow:hidden}.auth-art img{object-fit:cover;object-position:center;opacity:.97}.auth-art:after{content:"";pointer-events:none;border-left:1px solid #ffffff14;position:absolute;inset:0;box-shadow:inset 50px 0 80px -70px #000c}.auth-mode-note{z-index:1;color:#ffffffc7;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#0b0e12cc;border:1px solid #fff3;border-radius:999px;padding:8px 11px;font-size:.62rem;position:absolute;top:26px;right:28px}@media (max-width:920px){.auth-shell{grid-template-columns:1fr}.auth-panel{min-height:100dvh;padding:28px clamp(22px,7vw,64px)}.auth-content{margin-block:46px}.auth-art{display:none}}@media (max-width:520px){.auth-brand svg{width:132px}.auth-content h1{font-size:2.15rem}.auth-subtitle{margin-bottom:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}