:root{--bg-main:#020617;--bg-gradient:radial-gradient(circle at 50% 0%,#1e293b 0%,#020617 60%);--bg-card:rgba(15,23,42,0.6);--bg-card-border:rgba(255,255,255,0.08);--bg-card-inner-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);--accent-primary:#38bdf8;--accent-glow:rgba(56,189,248,0.15);--text-main:#f8fafc;--text-secondary:#94a3b8;--ease-elite:cubic-bezier(0.16,1,0.3,1)}body{margin:0;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-main);color:var(--text-main);height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.bg-glow-1{position:fixed;top:-20%;left:20%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(56,189,248,0.08) 0%,transparent 70%);filter:blur(80px);z-index:-1;animation:floatGlow 15s ease-in-out infinite alternate;pointer-events:none}.bg-glow-2{position:fixed;bottom:-10%;right:10%;width:40vw;height:40vw;background:radial-gradient(circle,rgba(99,102,241,0.06) 0%,transparent 70%);filter:blur(60px);z-index:-1;animation:floatGlow 20s ease-in-out infinite alternate-reverse;pointer-events:none}@keyframes floatGlow{0%{transform:translate(0,0)}100%{transform:translate(20px,-20px)}}.login-wrapper{position:relative;z-index:10;width:100%;padding:20px;display:flex;justify-content:center;align-items:center}.login-card{width:100%;max-width:400px;background:var(--bg-card);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--bg-card-border);border-radius:24px;padding:3.5rem 2.5rem;box-shadow:0 24px 48px -12px rgba(0,0,0,0.5),var(--bg-card-inner-shadow);transform:translateY(20px);opacity:0;animation:cardEntrance 1s var(--ease-elite) 0.1s forwards}@keyframes cardEntrance{to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:3rem}.brand-logo{display:inline-block;margin-bottom:1.5rem;transition:transform 0.3s var(--ease-elite);position:relative}.brand-logo img{height:36px;width:auto;display:block}.brand-logo::after{content:'';position:absolute;inset:-10px;background:radial-gradient(circle,rgba(56,189,248,0.2) 0%,transparent 70%);filter:blur(10px);z-index:-1;opacity:0.6}.login-header h2{font-size:1.75rem;font-weight:700;margin:0 0 0.75rem 0;letter-spacing:-0.02em;background:linear-gradient(180deg,#fff 0%,#cbd5e1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:0.95rem;color:var(--text-secondary);margin:0;font-weight:400;line-height:1.5}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);color:var(--text-main);font-family:inherit;font-size:0.95rem;font-weight:600;padding:14px 20px;border-radius:14px;cursor:pointer;transition:all 0.2s var(--ease-elite);position:relative;overflow:hidden}.btn-google:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.btn-google:active{transform:translateY(0);background:rgba(255,255,255,0.04)}.google-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,0.1))}.login-footer{margin-top:3rem;text-align:center;border-top:1px solid rgba(255,255,255,0.05);padding-top:1.5rem}.footer-text{font-size:0.75rem;color:#64748b;line-height:1.6;margin:0}.footer-text a{color:#94a3b8;text-decoration:none;transition:color 0.2s}.footer-text a:hover{color:var(--accent-primary)}@media (max-width:480px){.login-card{padding:2.5rem 1.5rem;border-radius:20px}.login-header h2{font-size:1.5rem}}