:root{--ink:#3d224b;--muted:#72667a;--cyan:#007e9d;--pink:#c40060;--line:#e8e0ed;--paper:#faf8fc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}header{background:white;border-top:5px solid #00a7cd;border-bottom:1px solid var(--line);padding:12px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--ink);font-weight:650;line-height:1.3}.brand img{width:75px;height:75px;object-fit:contain}nav{display:flex;gap:24px;align-items:center}nav form{margin:0}main{max-width:1200px;margin:34px auto;padding:0 24px}h1{font-size:clamp(30px,4vw,46px);line-height:1.18;letter-spacing:-1px;margin:14px 0 20px}h2{font-size:24px;margin:0 0 16px}h3{font-size:18px}p{margin:8px 0 20px}.lead{max-width:700px;font-size:20px;color:var(--muted)}a{color:var(--cyan);font-weight:600}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:1.6px;color:var(--cyan)}.identity{display:flex;gap:16px;font-size:14px;margin-bottom:30px;color:var(--muted)}.identity span{color:var(--pink)}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;margin-bottom:24px;box-shadow:0 8px 25px #52205f05}.page-title{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.login-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:center;min-height:65vh}.narrow{max-width:600px;margin:40px auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:28px}.stats section{padding:24px;background:#eee8f5;border-radius:16px;color:var(--muted)}.stats strong{display:block;font-size:34px;color:var(--ink)}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.pill-row span,.tag{font-size:13px;border-radius:30px;background:#eaf7fb;color:var(--cyan);padding:5px 12px;display:inline-block}label{display:block;font-weight:600;margin-bottom:20px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #cbbdd2;border-radius:8px;background:white;padding:13px;font:inherit;color:var(--ink)}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid #00a7cd33;border-color:var(--cyan)}button,.button{display:inline-block;border:1px solid var(--cyan);background:var(--cyan);color:white;padding:12px 22px;border-radius:9px;font:600 15px/1.5 system-ui;cursor:pointer;text-decoration:none}.secondary,.quiet{background:white;color:var(--ink);border-color:#d7cbdc}.quiet{padding:8px 14px}button:hover,.button:hover{filter:brightness(.95)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.choice{display:flex;gap:13px;align-items:center;padding:12px 15px;border:1px solid var(--line);border-radius:10px}.choice input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--cyan)}fieldset{min-width:0;border:1px solid var(--line);border-radius:12px;padding:24px}legend{font-size:20px;font-weight:650;padding:0 8px}.question-form{max-width:820px;margin:auto}.question{margin-top:22px}.notice{background:#eaf7f3;border-left:4px solid #25866d;padding:18px 24px;margin-bottom:25px}.errors{background:#fff1f5;border-left:4px solid var(--pink);padding:18px 24px;margin-bottom:25px}.demo{padding:14px 18px;background:#fce7f1;color:#9d0050;border-radius:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:16px 12px;border-bottom:1px solid var(--line)}thead{background:#f7f3fa}small,.muted{color:var(--muted);font-size:14px}details{margin:18px 0}summary{cursor:pointer;color:var(--cyan);font-weight:650}dt{font-weight:650;margin-top:20px}dd{margin-left:0;color:var(--muted);white-space:pre-wrap}pre{overflow:auto;font:13px/1.5 monospace;max-height:500px}.code{font:13px/1.5 monospace}article{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.preserve{white-space:pre-wrap}.sr-only{position:absolute;left:-10000px}.transversals{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.transversals article{background:#f4eef8;border-radius:10px;padding:15px;border:0}.transversals h3{font-size:14px;margin:5px 0}.symbol{font-size:26px}.partner-a{color:var(--cyan)}.partner-b{color:var(--pink)}#radar svg{width:100%;max-height:550px;display:block}#radar .gridline{fill:none;stroke:#e3d9e8;stroke-width:1}#radar text{font:14px system-ui;fill:var(--ink)}#radar .a{stroke:#00a7cd;fill:none;stroke-width:3}#radar .b{stroke:#eb0874;fill:none;stroke-width:3;stroke-dasharray:7 4}footer{max-width:1200px;margin:50px auto 20px;padding:24px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}[hidden]{display:none!important}@media(max-width:760px){header{padding:10px 18px;align-items:flex-start}.brand span{display:none}nav{gap:12px;flex-wrap:wrap;font-size:13px}main{margin-top:24px;padding:0 16px}.grid,.login-grid{grid-template-columns:1fr;gap:18px}.login-grid{min-height:0}.page-title{display:block}.card{padding:22px}.stats{gap:10px}.stats section{padding:15px;font-size:12px}.stats strong{font-size:26px}.transversals{grid-template-columns:repeat(2,1fr)}.actions button{flex:1}th,td{padding:13px 8px}h1{letter-spacing:-.5px}}@media print{header,footer,.identity,.actions,.print-button,.notice{display:none}body{background:white}main{max-width:none;margin:0}.card{box-shadow:none;break-inside:avoid}details{display:block}.demo{border:1px solid #ccc}.transversals{grid-template-columns:repeat(5,1fr)}}
