*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Arial,sans-serif}body{background:#09090b;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh;color:#fff}.background{position:fixed;inset:0;background:radial-gradient(circle at top left,#6D28D9,transparent 40%),radial-gradient(circle at bottom right,#2563EB,transparent 40%),#09090b;filter:blur(70px);opacity:.55;z-index:-1}.auth-card{width:420px;background:#141423bf;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:25px;padding:40px;box-shadow:0 0 50px #7c3aed59;animation:fade .7s}.logo{text-align:center;margin-bottom:30px}.logo h1{font-size:42px}.logo p{margin-top:10px;color:#a1a1aa}.tabs{display:flex;margin-bottom:25px}.tabs button{flex:1;padding:15px;border:none;cursor:pointer;color:#fff;background:#222;transition:.25s}.tabs button:first-child{border-radius:15px 0 0 15px}.tabs button:last-child{border-radius:0 15px 15px 0}.tabs .active{background:#7c3aed}input{width:100%;margin-bottom:15px;padding:16px;border:none;border-radius:14px;background:#1e1e2e;color:#fff;font-size:16px}button{width:100%;padding:16px;border:none;border-radius:14px;background:#7c3aed;color:#fff;font-size:16px;cursor:pointer;transition:.25s}button:hover{transform:translateY(-2px);background:#8b5cf6}.hidden{display:none}#status{text-align:center;margin-top:18px;color:#a1a1aa}#tagline{margin-top:10px;color:#a1a1aa;height:22px;font-size:15px;letter-spacing:.5px}@keyframes fade{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.google-circle{margin:15px auto 0;width:55px;height:55px;border-radius:50%;border:none;background:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease}.google-circle img{width:28px;height:28px}.google-circle:hover{transform:scale(1.08)}