:root{--navy:#15254a;--blue:#3858d6;--cyan:#16b8a6;--ink:#182338;--muted:#79859a;--line:#e6eaf2}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}.auth-page{min-height:100vh;background:radial-gradient(circle at 15% 10%,#e8efff 0,transparent 32%),#f5f7fb;display:grid;place-items:center;padding:28px}.auth-shell{width:min(1080px,100%);min-height:650px;background:#fff;border:1px solid rgba(218,226,240,.9);border-radius:28px;overflow:hidden;display:grid;grid-template-columns: .93fr 1.07fr;box-shadow:0 30px 90px rgba(25,46,93,.14)}.auth-brand-panel{position:relative;overflow:hidden;padding:58px 54px;background:linear-gradient(145deg,#17264f 0%,#263f8c 55%,#176c84 100%);color:white;display:flex;flex-direction:column;justify-content:center}.brand-logo,.auth-mobile-logo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:27px;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px rgba(0,0,0,.12)}.brand-kicker,.auth-label{font-size:10px;font-weight:800;letter-spacing:2px}.brand-kicker{color:#9bd6e2;margin-top:50px}.auth-brand-panel h1{font:800 clamp(30px,3.5vw,43px)/1.12 Manrope,sans-serif;letter-spacing:-1.3px;margin:13px 0 15px;position:relative;z-index:1}.auth-brand-panel>p{color:#d4e0f6;line-height:1.8;font-size:14px;max-width:400px;margin:0;position:relative;z-index:1}.brand-features{display:grid;gap:14px;margin-top:39px;position:relative;z-index:1}.brand-features span{display:flex;align-items:center;gap:12px;color:#e3edff;font-size:13px}.brand-features i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.12);color:#8ce4da;font-size:15px}.brand-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1);pointer-events:none}.orb-one{width:360px;height:360px;right:-180px;top:-100px;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 78px rgba(255,255,255,.02)}.orb-two{width:220px;height:220px;left:-130px;bottom:-110px;box-shadow:0 0 0 35px rgba(255,255,255,.025)}.auth-card-wrap{display:flex;flex-direction:column;justify-content:center;padding:54px clamp(30px,6vw,75px) 28px}.auth-card{width:100%;max-width:420px;margin:auto}.auth-label{color:#6276bd}.auth-card h2{font:800 29px/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:10px 0 7px;color:#18274b}.auth-subtitle{font-size:13px;color:#8792a5;margin:0 0 27px}.auth-field{display:block;margin:0 0 18px}.auth-field>span{display:block;font-size:12px;font-weight:700;color:#35415a;margin:0 0 8px}.auth-input{height:50px;border:1px solid #dfe5ef;border-radius:12px;background:#fff;display:flex;align-items:center;padding:0 13px;gap:10px;transition:.2s}.auth-input:focus-within{border-color:#778ce5;box-shadow:0 0 0 4px rgba(75,103,211,.1)}.auth-input>i{font-size:17px;color:#8d9ab1}.auth-input input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:13px;color:#24314b;min-width:0}.auth-input input::placeholder{color:#aab3c2}.password-toggle{border:0;background:transparent;color:#8995a9;font-size:17px;padding:5px;cursor:pointer}.auth-submit{width:100%;height:51px;border:0;border-radius:12px;background:linear-gradient(100deg,#3558d7,#4c6ce3 60%,#287f9b);color:#fff;font:700 13px 'DM Sans',sans-serif;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;box-shadow:0 10px 20px rgba(57,86,205,.22);transition:.2s;margin-top:8px;text-decoration:none}.auth-submit:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 14px 25px rgba(57,86,205,.28)}.auth-alert{display:flex;align-items:flex-start;gap:10px;background:#fff2f0;border:1px solid #ffd7d2;color:#a83d33;border-radius:10px;padding:12px 13px;font-size:12px;line-height:1.55;margin:0 0 19px}.auth-alert i{font-size:15px;flex-shrink:0;margin-top:1px}.auth-alert.success{background:#edfaf4;border-color:#c8eddb;color:#17734c}.auth-bottom{display:flex;align-items:center;justify-content:center;gap:7px;color:#8d98a9;font-size:10px;margin-top:22px}.auth-bottom i{color:#3b9b7d}.auth-setup-link{text-align:center;margin-top:17px}.auth-setup-link a{color:#7181bf;font-size:11px;text-decoration:none}.auth-setup-link a:hover{text-decoration:underline}.security-warning{font-size:11px;line-height:1.6;color:#9b7a3f;background:#fff9ec;border:1px solid #f5e6c7;padding:11px 12px;border-radius:9px;margin:18px 0 0}.security-warning i{margin-right:5px}.as-link{margin-top:15px}.auth-footer{text-align:center;color:#a0aabd;font-size:10px;margin-top:33px}.auth-mobile-logo{display:none}
@media(max-width:760px){.auth-page{padding:12px}.auth-shell{grid-template-columns:1fr;min-height:unset;border-radius:22px;max-width:500px}.auth-brand-panel{display:none}.auth-card-wrap{padding:37px 24px 24px}.auth-mobile-logo{display:grid;margin-bottom:22px;background:linear-gradient(135deg,#3858d6,#168e9a)}.auth-card h2{font-size:26px}.auth-footer{margin-top:25px}}

/* Logo resmi IT Computer */
.brand-logo img,.auth-mobile-logo img{width:48px;height:48px;object-fit:contain;border-radius:12px;display:block}