*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#f8fbff 0%,#edf5fd 52%,#f8f4ea 100%);color:#0b2d52;min-height:100vh}
.topbar{min-height:86px;background:rgba(255,255,255,.96);border-bottom:1px solid #dbe6f2;display:flex;align-items:center;padding:8px 5%;box-shadow:0 2px 18px rgba(11,45,82,.06);position:relative;z-index:5}
.brand-logo{display:block;width:270px;line-height:0}.brand-logo img{display:block;width:100%;height:auto}.logout{margin-left:auto;text-decoration:none;color:#0b5fc5;font-weight:600}
.shell{max-width:1180px;margin:0 auto;padding:55px 24px}
.auth-card{position:relative;overflow:hidden;max-width:500px;margin:35px auto;background:rgba(255,255,255,.96);padding:38px 42px 30px;border:1px solid rgba(210,224,239,.9);border-radius:28px;box-shadow:0 24px 70px rgba(10,48,90,.13);backdrop-filter:blur(10px)}
.login-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(3px);opacity:.45}.login-glow-one{width:180px;height:180px;right:-90px;top:-90px;background:radial-gradient(circle,rgba(21,117,220,.18),transparent 68%)}.login-glow-two{width:160px;height:160px;left:-100px;bottom:-100px;background:radial-gradient(circle,rgba(211,163,55,.16),transparent 68%)}
.ews-login-brand{position:relative;text-align:center;margin:0 auto 24px}.ews-login-brand img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain;margin:0 auto}
.login-heading{position:relative;text-align:center;margin-bottom:25px}.login-heading h1{font-size:34px;line-height:1.15;margin:0 0 8px;color:#092f59;letter-spacing:-.025em}.login-heading p{margin:0;color:#71839a;font-size:14px}
.alert{position:relative;background:#fff0f0;color:#a11b1b;padding:12px 14px;border:1px solid #f3cccc;border-radius:11px;margin:0 0 18px;font-size:14px}
.login-form{position:relative}.login-form label{display:block;font-size:12px;font-weight:800;letter-spacing:.02em;margin:17px 0;color:#294766}
.login-form input{display:block;width:100%;margin-top:8px;padding:14px 15px;border:1px solid #cbd9e8;border-radius:12px;background:#fbfdff;color:#12365b;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.login-form input::placeholder{color:#9aaabc}.login-form input:focus{border-color:#1977dc;background:#fff;box-shadow:0 0 0 4px rgba(25,119,220,.10)}
.primary{position:relative;width:100%;margin-top:9px;border:0;border-radius:12px;padding:14px 17px;background:linear-gradient(135deg,#0b66cf,#1354a2);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 9px 22px rgba(11,102,207,.22);display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .18s,box-shadow .18s}.primary:hover{transform:translateY(-1px);box-shadow:0 12px 27px rgba(11,102,207,.28)}.primary .arrow{font-size:20px;line-height:0;margin-top:-1px}
.login-security{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;color:#8292a5;font-size:11px;letter-spacing:.04em}.security-dot{width:7px;height:7px;border-radius:50%;background:#d3a337;box-shadow:0 0 0 4px rgba(211,163,55,.10)}
.footer{text-align:center;color:#8192a5;font-size:12px;padding:20px}
.hero{background:linear-gradient(135deg,#092d61,#116fd6);color:#fff;padding:38px;border-radius:24px;box-shadow:0 18px 50px rgba(9,45,97,.18)}.hero .muted{color:#d7e7f9}.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.app-card{background:#fff;border:1px solid #dce7f2;border-radius:18px;padding:22px;text-decoration:none;color:#12365b;display:flex;flex-direction:column;gap:8px;min-height:150px;box-shadow:0 8px 25px rgba(11,45,82,.05)}.app-card b{width:46px;height:46px;border-radius:13px;background:#0d70d9;color:#fff;display:grid;place-items:center;font-size:18px}.app-card span{font-weight:800}.app-card small{color:#71869d}.app-card.ai b{background:#c99627}
@media(max-width:800px){.apps{grid-template-columns:repeat(2,1fr)}.brand-logo{width:230px}}
@media(max-width:500px){.apps{grid-template-columns:1fr}.auth-card{padding:28px 22px;margin-top:20px;border-radius:22px}.brand-logo{width:190px}.login-heading h1{font-size:30px}}