*{box-sizing:border-box;margin:0;padding:0}body{color:#f3f4f6;background-color:#0b0f19;background-image:radial-gradient(circle at 82% 8%,#00a89629,#0000 34rem),radial-gradient(circle at 8% 72%,#02c39a21,#0000 38rem),radial-gradient(circle at 88% 58%,#02809014,#0000 30rem),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex}.auth-container{-webkit-backdrop-filter:blur(18px)saturate(120%);background:#111827c7;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 24px 70px #0000006b}.auth-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.auth-header h1{color:#fff;margin-bottom:8px;font-size:28px;font-weight:600}.auth-header p{color:#9ca3af;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#d1d5db;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input{color:#f9fafb;background:#0b0f19bd;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#00a896;outline:none;box-shadow:0 0 0 3px #00a89629}.form-group input.error{border-color:#ea4335}.error-message{color:#ea4335;margin-top:4px;font-size:12px}.remember-me{align-items:center;gap:8px;margin-bottom:20px;display:flex}.remember-me input[type=checkbox]{accent-color:#00a896;width:auto}.remember-me label{cursor:pointer;color:#d1d5db;margin:0;font-weight:400}.btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:background .2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#00a896 0%,#05668d 100%);box-shadow:0 14px 34px #05668d47}.btn-primary:hover{background:linear-gradient(135deg,#02c39a 0%,#028090 100%)}.auth-footer{text-align:center;color:#9ca3af;margin-top:20px;font-size:14px}.auth-footer a{color:#02c39a;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.password-wrapper{position:relative}.password-wrapper input{padding-right:42px}.password-toggle{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;line-height:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:#02c39a}.auth-header a{display:contents}.auth-logo{width:80px;height:80px;margin:0 auto 20px;display:block}@media (width<=480px){body{align-items:flex-start;padding:24px 16px}.auth-container{padding:28px 20px}.auth-logo{width:56px;height:56px;margin-bottom:12px}.auth-header h1{font-size:22px}.auth-header{margin-bottom:20px}}.auth-header .brand-dear{background:linear-gradient(135deg,#00a896,#02c39a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-header .brand-bookmark{color:#05668d}.btn-primary:focus-visible,.auth-footer a:focus-visible,.password-toggle:focus-visible{outline-offset:3px;outline:2px solid #02c39a}.social-auth{gap:10px;display:grid}.social-btn{color:#f8fafc;background:#0b0f19b8;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:flex}.social-btn:hover{background:#1e293beb;border-color:#028090;transform:translateY(-1px)}.social-btn:focus-visible{outline-offset:3px;outline:2px solid #02c39a}.social-btn svg{flex:none;width:20px;height:20px}.auth-divider{color:#6b7280;align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}body.login-page{flex-direction:column;align-items:stretch;padding:0}.login-main{flex:1;justify-content:center;align-items:center;padding:36px 20px;display:flex}.site-footer{color:#6b7280;background:#03071266;border-top:1px solid #ffffff0d;padding:48px 0;font-size:14px}.site-footer-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.site-footer a{color:inherit;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#d1d5db}.site-footer a:focus-visible{outline-offset:3px;outline:2px solid #02c39a}.site-footer-brand{align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.site-footer-logo{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.site-footer-logo img{object-fit:contain;width:20px;height:20px}.site-footer .brand-dear{color:#00a896}.site-footer .brand-bookmark{color:#05668d}.site-footer-links{flex-wrap:wrap;justify-content:center;gap:8px 32px;display:flex}@media (width<=767px){.site-footer-inner{text-align:center;flex-direction:column}}@media (width<=480px){.login-main{padding:24px 16px}}