:root{--ink:#181b35;--muted:#6c6d83;--purple:#6840d8;--mint:#95efd0;--line:#e2e3ee}*{box-sizing:border-box}body{margin:0;background:#f3f5fb;color:var(--ink);font:14px/1.65 Arial,sans-serif}button,a,input,textarea{font:inherit}button,.file-button{cursor:pointer;background:#fff;color:#51348f;border:1px solid #dad2ed;border-radius:9px;padding:9px 13px;font-size:11px;font-weight:650}button:hover,.file-button:hover{background:#eee8fb}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b9a3f1;outline-offset:3px}a{color:#6840b7}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#14182e;color:#d9d6ef;padding:26px 16px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:800;letter-spacing:-1px;color:white;text-decoration:none;white-space:nowrap}.brand span{color:var(--mint)}.brand em{color:#b29af2;font-style:normal;font-size:15px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#9392b0;margin:40px 12px 15px}nav a{display:block;text-decoration:none;color:#b9b9d0;padding:12px;border-radius:9px;font-size:12px;margin:3px 0}nav a.active{background:#7660b92d;color:#b6f2df;border:1px solid #7660b940}nav a:hover{background:#ffffff0a}.side-note{margin:auto 12px 0;font-size:11px;color:#aaa8c0}.side-note span{display:block;font-size:9px;margin-top:16px;color:#777995}.shell{margin-left:228px}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fafaff;border-bottom:1px solid var(--line);gap:15px}header>span{font-size:10px;letter-spacing:1.6px;color:#7b748e;font-weight:700}header>div{display:flex;gap:7px}.file-button input{display:none}main{max-width:1430px;margin:auto;padding:28px}.hero{border-radius:26px;padding:38px 45px;background:radial-gradient(ellipse at 100% 15%,#372265,transparent 65%),linear-gradient(110deg,#11182e,#231a4a);color:white;box-shadow:0 15px 35px #221d4915}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:800;color:var(--purple)}.hero .eyebrow{color:#bcacf5}h1{font-size:clamp(32px,4.2vw,52px);line-height:1.1;letter-spacing:-1.8px;margin:22px 0}h1 span{color:var(--mint)}.hero p{font-size:14px;color:#cecbdf;max-width:700px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.chips span{font-size:10px;padding:6px 11px;border-radius:20px;background:#ffffff12;color:#ded6f7}.notice{font-size:12px;color:#664c93;min-height:18px}.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:23px;margin-bottom:18px}summary{cursor:pointer;font-size:12px;font-weight:700}summary span{color:#81768e;margin-left:10px;font-weight:400}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.wide{grid-column:1/-1}label{display:block;font-size:11px;font-weight:650;margin:12px 0}input,textarea,select{width:100%;display:block;border:1px solid #dcdde8;background:#fbfbfe;color:var(--ink);padding:10px;border-radius:8px;margin-top:5px;font-size:12px}textarea{resize:vertical}input:focus,textarea:focus{outline:3px solid #eae1ff;border-color:var(--purple)}form>button{margin-top:14px}.hint{font-size:11px;color:var(--muted)}.module-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 20px;gap:10px}h2{font-size:24px;letter-spacing:-.6px;margin:4px 0}h3{font-size:17px;margin:0 0 12px}.mode{font-size:9px;background:#e8f8f0;color:#377760;padding:5px 10px;border-radius:20px}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:22px}.module-card{display:block;text-decoration:none;background:white;border:1px solid var(--line);border-radius:17px;padding:22px;color:var(--ink)}.module-card:hover{border-color:#b39be2}.module-card b{display:block;font-size:16px;margin:12px 0 7px}.module-card p{font-size:12px;color:var(--muted);margin:0}.module-card span{font-size:10px;color:var(--purple)}iframe{width:100%;min-height:1100px;border:0;border-radius:15px;background:#f5f5fa}.buttons{display:flex;align-items:center;gap:14px;margin:15px 0}.buttons a{font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;margin:18px 0}th,td{padding:12px;text-align:left;border-bottom:1px solid #eeeef5;white-space:nowrap}th{font-size:10px;background:#f6f3fc;color:#746486}table input{min-width:100px;font-size:11px}.error{font-size:12px;color:#a13252}.result{background:#e9faf2;border:1px solid #c8eddf;border-radius:13px;padding:18px;margin-top:18px}.result p{margin:8px 0;font-size:12px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.checks label{display:flex;align-items:start;gap:9px;font-weight:400}.checks input{width:15px;height:15px;flex:none;margin:2px 0;accent-color:var(--purple)}.output{overflow-wrap:anywhere;font-size:12px;color:#594080}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.metric{background:#f5f1fc;padding:18px;border-radius:12px;font-size:10px;color:#746387}.metric strong{display:block;font-size:24px;color:#4c3084}footer{text-align:center;border-top:1px solid var(--line);padding:25px 0;font-size:11px;color:#878093;margin-top:30px}footer strong{color:#59428c}footer p{font-size:9px}[hidden]{display:none!important}@media(max-width:1000px){.sidebar{width:195px;padding:22px 10px}.shell{margin-left:195px}.brand{font-size:18px}.brand em{font-size:13px}main{padding:20px}.hero{padding:30px}.grid{gap:8px 15px}}@media(max-width:750px){.sidebar{position:static;width:100%;padding:17px}.nav-label,.side-note{display:none}nav{display:flex;gap:5px;overflow-x:auto;margin-top:14px}nav a{white-space:nowrap;padding:8px;font-size:10px}.shell{margin-left:0}header{padding:12px 17px;height:auto;min-height:58px}header>span{font-size:8px}main{padding:17px}.hero{padding:29px 25px}.overview-grid,.grid,.checks{grid-template-columns:1fr}.wide{grid-column:auto}.module-heading{align-items:start}.mode{max-width:140px}.metric-grid{grid-template-columns:1fr}.brand{font-size:21px}.panel{padding:18px}h2{font-size:21px}button,.file-button{font-size:10px}iframe{min-height:1500px}}
