:root{--oto-red:#e53e3e;--oto-red-dark:#c53030;--oto-purple:#4a5568;--oto-purple-light:#718096;--oto-gray-light:#f7fafc;--oto-gray:#edf2f7;--oto-dark:#2d3748;--white:#fff;--primary:var(--oto-red);--primary-dark:var(--oto-red-dark);--bg:var(--oto-gray-light);--card-bg:var(--white);--text:var(--oto-dark);--text-muted:var(--oto-purple-light);--border:#e2e8f0;--error:#ef4444;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,rgba(237,242,247,.6),#fff 35%);min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text);line-height:1.6}.auth-container{width:100%;max-width:440px;padding:20px}.auth-card{background:var(--card-bg);border-radius:1.5rem;padding:2.5rem;box-shadow:0 20px 40px rgba(45,55,72,.12);border:1px solid rgba(226,232,240,.8)}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:60px;height:60px;background:rgba(229,62,62,.1);color:var(--oto-red);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:28px}.auth-header h1{font-size:1.6rem;font-weight:700;color:var(--text);margin-bottom:.5rem;line-height:1.2}.auth-header p{color:var(--text-muted);font-size:1rem}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text)}.form-group input{padding:.8rem 1rem;border:1px solid var(--border);border-radius:.75rem;font-size:1rem;font-family:inherit;transition:all .2s ease;color:var(--text)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(229,62,62,.15)}.submit-btn{padding:.9rem 1.6rem;background:var(--primary);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;margin-top:.5rem;box-shadow:0 10px 30px rgba(229,62,62,.2)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(229,62,62,.28);background:var(--primary-dark)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:#fff5f5;color:#c53030;padding:.8rem 1rem;border-radius:.5rem;font-size:.9rem;border:1px solid #fed7d7;font-weight:500}.success-message{background:#f0fff4;color:#2f855a;padding:1rem;border-radius:.5rem;font-size:.9rem;border:1px solid #c6f6d5}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.auth-footer a{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}.auth-footer a:hover{color:var(--primary-dark);text-decoration:underline}.break-words{word-break:break-all;overflow-wrap:break-word}.mt-2{margin-top:.5rem}.text-sm{font-size:.875rem}