*{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--auth-accent);outline-offset:3px}.auth-body{min-height:100vh;background:var(--auth-bg);color:var(--text);padding:200px 20px;font-family:var(--font-kanit),"Kanit",sans-serif;-webkit-font-smoothing:antialiased}.auth-container{display:flex;width:100%;max-width:900px;margin:0 auto;overflow:hidden;border-radius:12px;box-shadow:0 0 25px rgba(0,0,0,.4)}.auth-art,.auth-container{background:var(--auth-panel)}.auth-art{width:50%;position:relative}.auth-art img{width:100%;height:100%;object-fit:cover}.auth-form-side{width:50%;padding:40px;background:var(--auth-panel)}.auth-form-side h2{margin-bottom:5px;font-size:22px;font-weight:600;text-align:center}.auth-form-side h2 span{color:var(--auth-accent);font-weight:700}.back-home{position:absolute;top:20px;right:30px;z-index:2;color:#fff;font-size:14px;opacity:.8;transition:opacity .2s,transform .2s}.back-home:hover{opacity:1;transform:translateX(-3px)}.auth-lead{margin-bottom:20px;color:#9ca3af;font-size:14px}.form-group{position:relative;margin-top:20px}.form-group input{width:100%;padding:12px 40px 12px 15px;border:none;border-radius:6px;background:var(--auth-field);color:#fff;font-family:inherit;font-size:15px}.form-group input::placeholder{color:#8b949e}.form-group .field-icon{position:absolute;top:50%;right:15px;transform:translateY(-50%);display:flex;align-items:center;padding:0;border:none;background:none;color:#888}.form-group button.field-icon{cursor:pointer}.form-group button.field-icon:hover{color:#bbb}.field-error{margin-top:6px;color:var(--auth-accent);font-size:13px}.form-success{border:1px solid rgba(34,197,94,.35);border-radius:6px;background:rgba(34,197,94,.1);color:#86efac}.form-error,.form-success{margin-top:18px;padding:10px 12px;font-size:13px;text-align:center}.form-error{border:1px solid rgba(239,68,68,.35);border-radius:6px;background:rgba(239,68,68,.1);color:#fca5a5}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#aaa;font-size:14px}.form-options label{display:flex;align-items:center;gap:6px;cursor:pointer}.form-options input[type=checkbox]{transform:scale(1.1)}.form-options a{color:#ccc}.form-options a:hover{text-decoration:underline}.btn-auth{width:100%;margin-top:25px;padding:14px;border:none;border-radius:6px;background:var(--auth-accent);color:#fff;font-family:inherit;font-size:16px;font-weight:700;text-shadow:0 0 3px #000;cursor:pointer;transition:background .2s,opacity .2s}.btn-auth:hover:not(:disabled){background:var(--auth-accent-hover)}.btn-auth:disabled{opacity:.7;cursor:progress}.extra-links{margin-top:25px;color:#aaa;font-size:14px;text-align:center}.extra-links.tight{margin-top:20px}.extra-links a{color:var(--auth-accent)}.extra-links a:hover{text-decoration:underline}@media(max-width:768px){.auth-body{padding:0}.auth-container{flex-direction:column;min-height:100vh;border-radius:0}.auth-art{width:100%;height:40vh}.auth-form-side{width:100%;padding:25px}}