:root{--ink:#102e42;--blue:#3692c2;--pale:#eef6fa;--line:#dbe7ed}*{box-sizing:border-box}body{margin:0;background:#f7fafc;color:var(--ink);font:16px/1.6 system-ui,sans-serif}header{max-width:1150px;margin:auto;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:16px;align-items:center;color:var(--ink);text-decoration:none;font:38px Georgia,serif}.brand span{font:11px/1.8 system-ui;letter-spacing:2px}.brand small{display:block;color:#668293;font-size:10px}.tag,.eyebrow{font-size:11px;letter-spacing:2px;color:#46778f;font-weight:700}main{max-width:990px;margin:48px auto;padding:0 24px}h1,h2,h3{line-height:1.15}h1{font:clamp(44px,6vw,72px)/1.08 Georgia,serif;margin:20px 0}h2{font:36px/1.15 Georgia,serif}h3{font-size:20px}p{color:#526d7e}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:52px;align-items:center;padding:24px 0}.lead{font-size:19px;max-width:520px}.circle{width:290px;height:290px;border:1px solid #9fcde2;border-radius:50%;position:relative;margin:30px auto;background:radial-gradient(circle,#d4ecf7,transparent 68%);display:grid;place-content:center;text-align:center}.circle:before,.circle:after{content:'';position:absolute;inset:25px;border:1px solid #c2dce9;border-radius:50%}.circle:after{inset:55px}.circle strong{font:76px Georgia;color:var(--blue)}.circle span{font-size:13px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;margin:22px 0;box-shadow:0 8px 30px #153c5005}.meta{display:flex;gap:24px;font-size:13px;color:#587386;margin-top:25px}button{border:1px solid var(--line);background:white;color:var(--ink);padding:13px 21px;border-radius:9px;font:600 14px system-ui;cursor:pointer}button:hover{border-color:var(--blue);background:var(--pale)}button.primary{background:var(--ink);border-color:var(--ink);color:white}button.primary:hover{background:#205773}button:focus-visible,input:focus-visible{outline:3px solid #3692c2;outline-offset:3px}input[type=text]{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;font:inherit;margin:8px 0 20px}.muted,small{color:#668090}.progress{height:6px;border-radius:5px;background:#dae7ee;overflow:hidden;margin:12px 0 24px}.progress i{display:block;background:var(--blue);height:100%;transition:width .2s}.topline,.nav{display:flex;justify-content:space-between;gap:15px;align-items:center}.nav{margin:24px 0}.steps{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.steps button{padding:7px 14px}.steps .active{background:var(--ink);color:white}.question{border:0;border-bottom:1px solid var(--line);padding:24px 0;margin:0;min-width:0}.question legend{float:left;width:100%;margin-bottom:14px;font-weight:600}.question legend span{display:inline-block;color:var(--blue);font-weight:500;width:33px}.options{display:flex;gap:10px;clear:both}.options label{flex:1;cursor:pointer;border:1px solid var(--line);padding:12px 8px;border-radius:9px;text-align:center;font-size:14px}.options label:has(input:checked){background:var(--pale);border-color:var(--blue);color:#16658c}.options input{accent-color:var(--blue);margin-right:6px}.error{color:#ac342d}.dominants{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dominant{background:var(--ink);color:white;border-radius:15px;padding:25px}.dominant p{color:#bedbe9}.score{font:38px Georgia}.ranking{display:grid;grid-template-columns:28px 1fr 76px;align-items:center;gap:16px;margin:20px 0}.bar{height:7px;background:var(--pale);margin-top:9px;border-radius:9px}.bar i{display:block;height:100%;background:var(--blue);border-radius:9px}.report-text{white-space:pre-line;line-height:1.8;color:#435f70}summary{cursor:pointer;font-weight:600;padding:13px 0}details{border-top:1px solid var(--line)}footer{max-width:990px;margin:60px auto 30px;padding:0 24px;color:#567285;font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap}.note{padding:17px 20px;border-left:3px solid var(--blue);background:var(--pale);font-size:14px}.missing{outline:2px solid #bd5048;outline-offset:8px}@media(max-width:680px){header{padding:18px}.tag{display:none}main{margin:25px auto}.hero{grid-template-columns:1fr;gap:0}.circle{width:210px;height:210px;margin:20px auto}.card{padding:22px}.options{gap:5px}.options label{font-size:12px;padding:13px 3px}.dominants{grid-template-columns:1fr}.meta{gap:12px;flex-wrap:wrap}.ranking{gap:10px;font-size:14px}.nav button{padding:12px}.brand{font-size:30px}}@media print{header{padding:0}.tag,footer,.actions,.no-print{display:none}body{background:white}main{margin:15px auto;max-width:none}.card{box-shadow:none;break-inside:avoid}.dominant{background:white;color:var(--ink);border:1px solid #ccc}.dominant p{color:var(--ink)}details{display:block}details>div{display:block!important}h1{font-size:38px}.bar{print-color-adjust:exact}}

input[type=email]{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;font:inherit;margin:8px 0 20px}.consent{display:flex;gap:12px;align-items:flex-start;font-size:14px}.consent input{margin-top:6px;accent-color:var(--blue)}button:disabled{opacity:.6;cursor:wait}.admin-row{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.admin-row p{margin:5px 0;font-size:13px}.code-display{font:20px/1.6 monospace;overflow-wrap:anywhere;background:var(--pale);padding:18px;border-radius:8px}.pill{display:inline-block;border-radius:20px;background:var(--pale);padding:3px 10px;font-size:12px}.settings{background:#fff9e8;border-left-color:#b58d2f}textarea{width:100%;padding:15px;font:14px/1.6 system-ui;border:1px solid var(--line);border-radius:9px}a{color:#246f96}@media(max-width:680px){.admin-row{align-items:flex-start;flex-direction:column}}

input[type=password]{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;font:inherit;margin:8px 0 20px}#kommoSave{margin-top:20px}#kommoMessage{overflow-wrap:anywhere}button[hidden]{display:none}

.contact-choice{flex-basis:100%;width:100%;max-width:480px}.pick-form{padding:16px;background:var(--pale);border-radius:10px}.pick-form select{display:block;max-width:100%;width:100%;padding:12px;margin:8px 0;border:1px solid var(--line);border-radius:8px;font:inherit;background:white}.pick-form small{display:block;line-height:1.5}
