:root{--primary: #61A6F8;--primary-700: #4a89d9;--primary-dark: #2E5FB8;--card-bg: rgba(255,255,255,.85);--muted: #6b7280}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:radial-gradient(1200px 600px at 10% 10%,rgba(97,166,248,.12),transparent),linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);color:#0f1724;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-page{min-height:calc(100vh + -0px);display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:420px;max-width:96%;padding:20px;border-radius:14px;background:var(--card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #0b42b314,0 2px 6px #030c1e0a;border:1px solid rgba(11,66,179,.06);animation:popIn .42s cubic-bezier(.2,.9,.32,1) both;position:relative;overflow:hidden}.brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.brand .logo{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-700));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;box-shadow:0 6px 18px #61a6f82e;transform:translateZ(0)}.brand h1{font-size:20px;margin:0}.brand p{margin:0;color:var(--muted);font-size:13px}label{display:block;font-weight:600;color:#0f1724;font-size:13px}input{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(11,66,179,.08);margin-top:8px;outline:none;background:transparent;transition:box-shadow .18s,transform .18s}input:focus{box-shadow:0 6px 18px #61a6f81f;border-color:var(--primary-700);transform:translateY(-1px)}.primary{display:block;width:100%;padding:12px;margin-top:18px;border-radius:10px;border:none;background:linear-gradient(90deg,var(--primary),var(--primary-700));color:#fff;font-weight:700;cursor:pointer;position:relative;overflow:hidden}.primary:after{content:"";position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.05));transform:skew(-18deg);transition:all .5s}.primary:hover:after{left:120%}.primary:active{transform:scale(.997)}.links{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.links a{color:var(--primary-700);cursor:pointer;text-decoration:none;font-weight:600}.error{color:#d32f2f;font-size:13px;margin-top:6px}.auth-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-60px;top:-60px;background:linear-gradient(180deg,rgba(97,166,248,.16),rgba(97,166,248,.04));filter:blur(28px);transform:translateZ(0)}.auth-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;left:-40px;bottom:-40px;background:linear-gradient(180deg,rgba(255,184,107,.12),transparent);filter:blur(20px)}@keyframes popIn{0%{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:none}}@media (max-width:480px){.auth-page{padding:18px}.auth-card{padding:18px;border-radius:12px}}