:root{font-family:Inter,system-ui,Arial;color:#20233a;background:#f6f7fb;--navy:#17204a;--blue:#165dac;--pink:#d60085;--red:#ef3340;--gold:#ffb71b;--green:#8bd23c;--purple:#6038a5}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#fff,#f6f7fb)}button,input,select,textarea{font:inherit}header{background:#07070d;color:#fff;padding:12px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:5px solid transparent;border-image:linear-gradient(90deg,var(--red),var(--gold),var(--green),#00a6c8,var(--pink),var(--purple)) 1}.header-brand{display:flex;align-items:center;gap:14px}.header-brand img{width:105px;height:58px;object-fit:contain}.header-brand b{font-size:21px;letter-spacing:.08em}.header-brand span{display:block;font-size:12px;color:#d7dcff}.header-brand+button{border:1px solid #777b93;border-radius:999px;background:transparent;color:#fff;padding:9px 14px;font-weight:800}nav{background:#fff;padding:0 18px;border-bottom:1px solid #e4e7ef;position:sticky;top:0;z-index:3}nav button{background:none;border:0;color:#62677c;padding:15px;font-weight:850}nav button:hover{color:var(--pink)}main{max-width:1000px;margin:auto;padding:22px}.eyebrow{font-size:12px;font-weight:950;letter-spacing:.17em;color:var(--pink)}h1{color:var(--navy)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.cards article,.panel{background:#fff;border:1px solid #e1e5ef;border-radius:18px;padding:22px;box-shadow:0 8px 28px #17204a12}.cards article{display:flex;flex-direction:column;gap:8px;cursor:pointer;border-left:7px solid var(--pink)}.cards article:nth-child(2){border-left-color:var(--blue)}.cards article b{font-size:25px;color:var(--navy)}.panel label{display:block;font-weight:850;margin:14px 0 6px;color:var(--navy)}input,select,textarea{width:100%;padding:14px;border:1px solid #cdd3e0;border-radius:12px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 4px #d6008515}.metric{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid #e6e8ef}.metric small{display:block;color:#777c8e;margin-top:4px}.scores{display:flex;gap:8px}.scores button{width:44px;height:44px;border-radius:50%;border:2px solid #d2d7e3;background:#fff;font-weight:900;color:var(--navy)}.scores button.on{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border-color:transparent;box-shadow:0 7px 15px #d6008535}.submit{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.submit strong{font-size:25px;color:var(--navy)}.submit button,.success button,.login button{border:0;border-radius:12px;background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff;padding:14px 20px;font-weight:900;box-shadow:0 9px 20px #8d187838}.submit button:disabled{opacity:.35;box-shadow:none}.login{min-height:100vh;display:grid;grid-template-columns:1.3fr .7fr;background:#05050a}.login-art{display:grid;place-items:center;padding:20px}.login-art img{max-width:95%;max-height:88vh;object-fit:contain}.login form{align-self:center;width:min(90%,430px);margin:auto;background:#fff;border-radius:24px;padding:34px;box-shadow:0 25px 75px #0006}.login h1{font-size:39px;margin:6px 0}.login button{width:100%;margin-top:15px}.login small{display:block;margin-top:12px}.success{text-align:center;padding:80px 20px}.success-mark{width:94px;height:94px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),#ccf56d);font-size:53px;font-weight:950;color:#1c4500}.success h1{font-size:42px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5e7eb}@media(max-width:750px){.login{grid-template-columns:1fr}.login-art{min-height:230px}.login-art img{max-height:260px}.login form{margin:-25px auto 30px;position:relative}.metric{align-items:flex-start;flex-direction:column}.scores{width:100%;justify-content:space-between}.submit{align-items:stretch;flex-direction:column;gap:12px}.header-brand img{width:75px}.header-brand b{font-size:16px}.header-brand span{font-size:10px}main{padding:14px}}