.auth-page{background:linear-gradient(135deg,#f0fdf4 0%,#f8fafc 35%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.auth-bg{pointer-events:none;background:radial-gradient(1200px 600px at 10% -10%,#05966926,#0000),radial-gradient(1000px 500px at 110% 110%,#10b9811f,#0000),radial-gradient(900px 600px at 50% 120%,#34d39914,#0000);position:absolute;inset:0}.auth-card{background:#fff;border:1px solid #05966940;border-radius:18px;width:92%;max-width:420px;padding:30px;position:relative;box-shadow:0 16px 40px #143c321f}.auth-back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;margin:-8px 0 12px -12px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.auth-back-btn:hover{color:#334155;background:#f1f5f9}.auth-back-btn svg{flex-shrink:0}.auth-brand{background:linear-gradient(90deg,#059669,#10b981);color:#0000;letter-spacing:.4px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:18px;font-weight:700}.auth-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:34px;line-height:1.25}.auth-subtitle{color:#475569;margin:6px 0 16px}.auth-form{gap:18px;display:grid}.auth-field label{color:#334155;margin-bottom:6px;font-size:14px;display:block}.auth-input{color:#0f172a;background:#fff;border:1px solid #0d1f4426;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:box-shadow .2s,border-color .2s}.auth-input:focus{border-color:#05966999;box-shadow:0 0 0 4px #0596692e}.auth-input::placeholder{color:#8a97a6}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(100deg,#059669 0%,#047857 40%,#10b981 100%) 0 0/200% 100%;border:none;border-radius:12px;width:100%;padding:12px 16px;font-size:16px;transition:filter .15s,transform 30ms,background-position .25s;box-shadow:0 8px 18px #05966947}.auth-btn:hover{filter:brightness(1.04);background-position:100% 0}.auth-btn:active{transform:translateY(1px)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{color:#475569;margin-top:14px}.auth-links,.auth-switch{margin-top:8px}.auth-links a,.auth-switch a{color:#059669;font-weight:500;text-decoration:none}.auth-links a:hover,.auth-switch a:hover{text-decoration:underline}.auth-row{justify-content:space-between;align-items:center;display:flex}.auth-check{color:#3c4651;font-size:14px}.auth-error{color:#b91c1c;margin-top:10px}.auth-success{color:#0f766e;margin-top:10px}.auth-google-btn,.auth-google-btn-owner{cursor:pointer;color:#374151;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.auth-google-btn:hover,.auth-google-btn-owner:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.auth-google-btn:active,.auth-google-btn-owner:active{background-color:#f3f4f6;transform:translateY(1px)}.auth-google-btn-owner{color:#047857;background-color:#f0fdf4;border-color:#10b981}.auth-google-btn-owner:hover{background-color:#dcfce7;border-color:#059669}.auth-divider{color:#9ca3af;align-items:center;gap:16px;margin:20px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}@media screen and (max-width:480px){.auth-page{align-items:flex-start;min-height:100dvh;padding:10vh 16px 16px}.auth-card{border-radius:16px;width:100%;max-width:100%;padding:24px 20px;box-shadow:0 8px 24px #1428501a}.auth-title{font-size:26px;line-height:1.3}.auth-brand{font-size:16px}.auth-subtitle{margin:4px 0 12px;font-size:14px}.auth-form{gap:14px}.auth-input{border-radius:10px;padding:14px 12px;font-size:16px}.auth-btn{border-radius:10px;min-height:48px;padding:14px 16px;font-size:16px}.auth-row{flex-direction:column;align-items:flex-start;gap:8px}.auth-check{font-size:13px}.auth-footer{margin-top:12px;font-size:14px}.auth-links,.auth-switch{font-size:14px}.auth-oauth-btn,.google-btn{border-radius:10px;min-height:48px;padding:14px 16px;font-size:15px}.auth-divider{margin:16px 0}}@media screen and (max-width:360px){.auth-card{padding:20px 16px}.auth-title{font-size:22px}.auth-input,.auth-btn{padding:12px 10px}}@media screen and (min-width:481px) and (max-width:768px){.auth-card{width:88%;max-width:400px;padding:28px}.auth-title{font-size:30px}}@supports (-webkit-touch-callout:none){.auth-page{min-height:-webkit-fill-available}.auth-input{font-size:16px!important}}