@layer components{.auth-wrap{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-aside{background:var(--color-bg-soft);border-right:1px solid var(--color-border-soft);flex-direction:column;justify-content:space-between;padding:40px 56px;display:flex;position:relative;overflow:hidden}.auth-aside:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#7c3aed29,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;left:-150px}.auth-aside__logo{font-family:var(--font-display);color:var(--color-text);z-index:1;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex;position:relative}.auth-aside__logo-mark{background:linear-gradient(140deg, var(--color-accent-2), var(--color-accent));border-radius:9px;flex-shrink:0;width:30px;height:30px;position:relative;box-shadow:0 6px 18px -6px #7c3aedcc}.auth-aside__logo-mark:after{content:"";border:2px solid #0000;border-color:#ffffffe6 #0000 #0000 #ffffffe6;border-radius:4px;position:absolute;inset:7px}.auth-aside__mid{z-index:1;position:relative}.auth-aside__mid h1{color:var(--color-text);margin-bottom:18px;font-size:clamp(30px,3.6vw,42px);line-height:1.1}.auth-aside__accent{background:linear-gradient(110deg, var(--color-accent-2), #c9a6ff);color:#0000;-webkit-background-clip:text;background-clip:text}.auth-aside__mid p{color:var(--color-text-dim);max-width:420px;margin:0 0 28px;font-size:16px;line-height:1.65}.auth-feats{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.auth-feats li{color:var(--color-text);align-items:center;gap:11px;font-size:14.5px;display:flex}.auth-feats li svg{color:var(--color-accent-2);flex-shrink:0}.auth-aside__quote{z-index:1;border-top:1px solid var(--color-border-soft);padding-top:24px;position:relative}.auth-aside__quote p{color:var(--color-text);margin:0 0 14px;font-size:15px;font-style:italic;line-height:1.6}.auth-aside__who{color:var(--color-text-dim);align-items:center;gap:10px;font-size:13.5px;display:flex}.auth-aside__avatar{background:linear-gradient(140deg, var(--color-accent-2), var(--color-accent));border-radius:50%;flex-shrink:0;width:32px;height:32px}.auth-main{justify-content:center;align-items:center;padding:40px;display:flex}.auth-card{width:100%;max-width:420px}.auth-back{color:var(--color-text-dim);align-items:center;gap:7px;margin-bottom:32px;font-size:14px;transition:color .2s;display:inline-flex}.auth-back:hover{color:var(--color-text)}.auth-tabs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:28px;padding:4px;display:flex}.auth-tabs button{color:var(--color-text-dim);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px 0;font-size:14.5px;font-weight:600;transition:background .2s,color .2s}.auth-tabs button.on{background:var(--color-accent);color:#fff}.auth-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;margin-bottom:18px;padding:11px 16px;font-size:13.5px;display:none}.auth-error.show{display:block}.auth-form{flex-direction:column;display:none}.auth-form.on{display:flex}.auth-form h2{color:var(--color-text);margin-bottom:6px;font-size:24px}.auth-form__sub{color:var(--color-text-dim);margin:0 0 26px;font-size:14.5px}.f-row{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.f-row label{color:var(--color-text);font-size:13.5px;font-weight:600}.f-input{background:var(--color-surface);border:1px solid var(--color-border);font-family:var(--font-body);color:var(--color-text);border-radius:10px;padding:12px 14px;font-size:14.5px;transition:border-color .2s}.f-input::placeholder{color:var(--color-text-dim);opacity:.7}.f-input:focus{border-color:var(--color-accent);outline:none}.f-pass{display:flex;position:relative}.f-pass .f-input{flex:1;padding-right:60px}.f-pass-toggle{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.f-pass-toggle:hover{color:var(--color-text)}.f-meta{color:var(--color-text-dim);justify-content:space-between;align-items:center;margin-bottom:22px;font-size:13.5px;display:flex}.f-meta label{cursor:pointer;align-items:center;gap:7px;display:flex}.f-meta a{color:var(--color-accent-2)}.f-meta a:hover{color:var(--color-text)}.auth-submit{width:100%;margin-bottom:18px;padding:14px 0}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auth-divider{color:var(--color-text-dim);align-items:center;gap:12px;margin:4px 0 18px;font-size:12.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-google{background:var(--color-surface);border:1px solid var(--color-border);width:100%;font-family:var(--font-body);color:var(--color-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-bottom:22px;padding:12px 0;font-size:14.5px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.auth-google:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.auth-alt{border-top:1px solid var(--color-border-soft);text-align:center;padding-top:22px}.auth-alt p{color:var(--color-text-dim);margin:0 0 12px;font-size:13.5px}@media (max-width:980px){.auth-wrap{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{padding:32px 20px}}@media (max-width:480px){.auth-card{max-width:100%}}}