:root{--bg-start: #0e395f;--bg-end: #1c6e7d;--bg-card: rgba(12, 47, 77, .25);--glass: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--accent: #ff6b6b;--accent-hover: #ff8787;--muted: #a8dadc;--text: #e5f1fb;--radius: 22px;--max-width: 480px;font-family:Inter,system-ui,sans-serif}html,body{height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 22%),radial-gradient(circle at bottom right,rgba(255,255,255,.08),transparent 20%),linear-gradient(135deg,var(--bg-start),var(--bg-end));display:flex;align-items:center;justify-content:center;color:var(--text);min-height:100vh}body:before{content:"";position:fixed;inset:0;opacity:.2;background:radial-gradient(circle at top right,rgba(255,255,255,.14),transparent 18%);pointer-events:none}.login-card{width:100%;max-width:var(--max-width);background:var(--bg-card);border-radius:var(--radius);padding:36px 28px;box-shadow:0 18px 60px #00000040,0 0 26px #1c6e7d2e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.14)}.brand{display:grid;gap:20px;margin-bottom:28px}.logoicon{display:flex;align-items:center;gap:16px}.logoicon img{width:76px;height:76px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.16);padding:4px;background:#ffffff0f}.logoicon h1{margin:0;font-size:22px;letter-spacing:.02em}.welcome-copy h2{margin:0;font-size:28px;line-height:1.1}.welcome-copy p{margin:10px 0 0;color:var(--muted)}form{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:8px}label{font-size:13px;font-weight:600;color:var(--muted)}input[type=email],input[type=password],input[type=text],select{width:93%;background:#ffffff14;border:1px solid rgba(255,255,255,.14);padding:14px 16px;border-radius:16px;color:var(--text);font-size:15px;outline:none;transition:all .2s ease}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 14px) calc(1em + 2px);background-size:8px 8px,8px 8px;background-repeat:no-repeat}::placeholder{color:#e5f1fb99}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ff6b6b24;background:#ffffff1f}.pwd-wrapper{position:relative;display:flex;width:100%}.pwd-wrapper input{flex:1;padding-right:100px}.pwd-wrapper button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--muted);cursor:pointer;padding:10px 12px;border-radius:12px;font-size:14px}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.remember{display:flex;gap:8px;align-items:center;color:var(--muted)}.remember input{accent-color:var(--accent)}.forgot{color:var(--accent);text-decoration:none;font-weight:600}.forgot:hover,.footer a:hover{text-decoration:underline}button[type=submit]{margin-top:8px;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border:none;color:#fff;padding:15px 20px;border-radius:16px;font-weight:700;font-size:15px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 10px 22px #ff6b6b42}button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 30px #ff6b6b52}button[type=submit]:disabled{opacity:.65;cursor:not-allowed;transform:none}.footer{margin-top:18px;font-size:13px;text-align:center;color:var(--muted)}.footer a{color:var(--accent);font-weight:600;text-decoration:none}.hint{margin-top:8px;color:#e5f1fbc7;font-size:13px;line-height:1.5}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);min-width:260px;max-width:calc(100% - 40px);padding:14px 18px;border-radius:16px;background:#162138f2;color:#f8fafc;text-align:center;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:999}.toast.error{background:#ff5656eb}.toast.success{background:#33c298f0}.toast.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}@media(max-width:520px){.login-card{padding:28px 20px;max-width:100%;margin:0 10px}.logoicon{flex-direction:column;align-items:center;gap:12px;text-align:center}.logoicon img{width:60px;height:60px}.logoicon h1{font-size:20px}.welcome-copy h2{font-size:24px}.welcome-copy p{font-size:14px}input[type=email],input[type=password],input[type=text],select{width:100%;padding:12px 14px;font-size:14px}.pwd-wrapper button{padding:8px 10px;font-size:12px}.controls{flex-direction:column;align-items:flex-start;gap:8px}button[type=submit]{padding:12px 16px;font-size:14px}.toast{min-width:200px;max-width:calc(100% - 20px);font-size:13px}}