:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#16243c;background:#f4f7fc}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{background:#fff;border-bottom:1px solid #e5ebf4;padding:12px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 2px 14px #122d5710}a{color:#1766c0;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{font-size:14px;font-weight:600;color:#42526a}nav a:hover{color:#0865cc}main{max-width:1120px;margin:34px auto;padding:0 20px 55px;min-height:70vh}footer{text-align:center;color:#7c899e;font-size:13px;padding:25px}.brand-logo{width:160px;height:56px;object-fit:contain;object-position:left center}.card{background:#fff;border:1px solid #e4eaf4;border-radius:18px;padding:28px;box-shadow:0 10px 40px #1c43750a;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stack{display:grid;gap:16px}label{display:block;color:#40516c;font-weight:600;font-size:14px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #d8e0ed;border-radius:10px;padding:13px 14px;font:inherit;color:#1a2b43;background:#fff}input:focus,select:focus{outline:2px solid #b7d6ff;border-color:#2874d3}button,.button{border:0;border-radius:11px;background:#146ccf;color:white;padding:13px 21px;font-weight:700;font:inherit;cursor:pointer;display:inline-block;text-align:center}button:hover,.button:hover{background:#0757ad;color:white}.button.secondary{background:#eaf2fd;color:#155bb1}h1{font-size:clamp(26px,3.4vw,37px);letter-spacing:-.04em;margin:0 0 12px}h2{font-size:21px;margin:0 0 16px}.muted{color:#74829a}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#2374cf}.wizard{max-width:820px;margin:auto}.steps{display:flex;gap:8px;margin:20px 0 25px}.step{flex:1;background:#e7eef9;border-radius:8px;padding:10px;text-align:center;color:#60728b;font-size:13px;font-weight:700}.step.current{background:#d9eaff;color:#125bb5}.step.done{background:#d9f2e9;color:#166d50}.hero{background:linear-gradient(125deg,#082b5c,#146ac6);border-radius:20px;color:white;padding:32px;margin-bottom:24px}.hero p{color:#dcecff}.alert{padding:14px 16px;border-radius:10px;background:#fff1f1;color:#a12626;margin:15px 0}.notice{padding:14px 16px;border-radius:10px;background:#eaf3ff;color:#1a5494;margin:15px 0}.success{padding:14px 16px;border-radius:10px;background:#e3f6ec;color:#146341;margin:15px 0}.login-wrap{max-width:460px;margin:7vh auto}.login-logo{display:block;width:260px;max-width:100%;height:145px;object-fit:contain;margin:0 auto 15px}.pill{background:#e9f1ff;color:#1259ac;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:#fff;padding:24px;border:1px solid #e4eaf4;border-radius:16px}.stat strong{display:block;font-size:32px;margin-top:12px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:12px;text-align:left;border-bottom:1px solid #edf1f6}th{color:#61718a}small{color:#71829c}.logo-preview{width:220px;max-width:100%;height:90px;object-fit:contain}@media(max-width:700px){header{padding:12px 18px;align-items:flex-start;flex-direction:column}nav{gap:12px}.grid,.stats{grid-template-columns:1fr}.card{padding:20px}.steps{flex-direction:column}main{margin:20px auto}}

/* TITAN responsive hotfix 1.1.1 */
html{overflow-x:hidden}body{overflow-x:hidden}img{max-width:100%}header{min-width:0}.brand{display:flex;align-items:center;min-width:0;flex-shrink:0}.brand-logo{display:block;width:clamp(104px,13vw,142px);height:44px;max-width:100%;object-fit:contain;object-position:left center}.login-wrap{width:min(100%,420px);margin:clamp(18px,5vh,54px) auto}.login-logo{display:block;width:min(175px,58vw);height:auto;max-height:90px;object-fit:contain;margin:0 auto 18px}.card,.hero,.stat{min-width:0}input,select,textarea,button{max-width:100%;min-width:0}table{width:100%}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:700px){header{padding:12px 16px;gap:10px}header nav{display:flex;width:100%;gap:8px 14px}header nav a{font-size:13px}main{width:100%;padding:0 14px 35px;margin:16px auto}.card{padding:18px 16px;border-radius:14px}.hero{padding:22px 18px}.login-wrap{margin:18px auto}.login-logo{width:min(150px,52vw);max-height:75px}.brand-logo{width:120px;height:38px}.steps{gap:6px}.step{padding:9px 6px}h1{font-size:clamp(24px,7vw,31px)}.stat{padding:18px}th,td{padding:10px 8px}footer{padding:20px 14px}}
@media(max-width:360px){header nav{gap:8px}.brand-logo{width:108px}.card{padding:16px 12px}main{padding-left:10px;padding-right:10px}}
