:root{--ink:#17212b;--muted:#657381;--navy:#183247;--navy2:#294e68;--gold:#c9a34a;--line:#dce3e8;--soft:#f5f7f9;--shadow:0 18px 48px #162a3a1c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#f8fafb,#e8edf1);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.app{max-width:1120px;margin:auto;padding:20px 16px 60px}.hero{background:linear-gradient(135deg,#142c3d,#2d526b);color:#fff;border-radius:26px;padding:30px 34px;box-shadow:var(--shadow)}.kicker{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;color:#e4c76d;font-weight:800}h1{font-size:clamp(30px,4.5vw,48px);line-height:1.02;margin:9px 0 11px}.hero p{max-width:800px;line-height:1.5;color:#e5edf2;margin:0;font-size:15px}.badge{display:inline-flex;margin-top:17px;padding:8px 12px;border:1px solid #ffffff29;background:#ffffff14;border-radius:999px;font-size:11px}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);margin-top:18px;padding:24px}.notice{display:flex;gap:12px;background:#fffaf0;border:1px solid #eadbb1;border-radius:15px;padding:13px 15px;color:#5d4a20;line-height:1.5;font-size:12.5px}.notice strong{display:block;margin-bottom:2px}.field{margin-top:17px}label{font-weight:750;display:block;margin-bottom:7px}input[type=text]{width:100%;padding:12px 14px;border:1px solid #cfd8df;border-radius:12px;font-size:15px}.introgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:15px;margin-top:17px}.mini{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:15px}.mini h3{margin:0 0 6px;font-size:14px}.mini p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}.btnrow,.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}button{border:0;border-radius:12px;padding:11px 15px;font-weight:750;cursor:pointer;font-size:13px}.primary{background:var(--navy);color:#fff}.secondary{background:#edf2f5;color:var(--navy)}.danger{background:#f7e9e9;color:#8b4141}.hidden{display:none!important}.progressWrap{position:sticky;top:8px;z-index:10;background:#fffffff2;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;padding:10px 13px;margin-bottom:13px}.progressTop{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:7px}.progress{height:6px;background:#e8edf1;border-radius:999px;overflow:hidden}.bar{height:100%;width:0;background:linear-gradient(90deg,var(--navy2),var(--gold));transition:.3s}.qcard{min-height:270px;display:flex;flex-direction:column;justify-content:center;padding:5px 4px}.catlabel{display:flex;align-items:center;gap:7px;color:var(--navy2);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.45px}.dot{width:8px;height:8px;border-radius:50%}.qnumber{font-size:11px;color:var(--muted);margin-top:7px}.dimension{display:inline-flex;align-self:flex-start;margin-top:5px;padding:4px 7px;border-radius:999px;background:#f1f4f6;color:#526471;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.question{font-size:clamp(20px,3vw,30px);line-height:1.22;margin:8px 0 12px;max-width:880px}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.option input{position:absolute;opacity:0}.option label{min-height:52px;background:#f7f9fa;border:1px solid #dbe2e7;border-radius:14px;padding:7px 6px;text-align:center;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.option label b{font-size:18px;color:var(--navy)}.option label span{font-size:10px;color:var(--muted);margin-top:3px}.option input:checked+label{border-color:var(--navy2);background:#eaf1f5;box-shadow:0 0 0 3px #294e6817;transform:translateY(-1px)}.nav{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.nav .right{display:flex;gap:8px}.error{color:#a33c3c;font-size:12px;margin-top:9px;font-weight:650}.resultHero{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:center}.ring{width:205px;height:205px;border-radius:50%;margin:auto;display:grid;place-items:center;background:conic-gradient(var(--navy2) 0deg,var(--navy2) var(--deg),#e8edf1 var(--deg),#e8edf1 360deg);position:relative}.ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.ringInner{position:relative;z-index:2;text-align:center}.ringNum{font-size:45px;font-weight:850;color:var(--navy)}.ringTxt{font-size:10px;color:var(--muted);font-weight:750}.resultTitle{font-size:28px;margin:0 0 8px}.muted{color:var(--muted);line-height:1.55;font-size:14px}.top3,.dimensionGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.topcard,.dimensionCard,.barItem,.resultCard{border:1px solid var(--line);border-radius:16px;background:#fff}.topcard{padding:14px}.rank{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--gold);font-weight:850}.topcard h3{margin:6px 0 4px;font-size:16px}.score,.dimensionScore{font-size:27px;font-weight:850;color:var(--navy)}.level,.dimensionCard span{font-size:11px;color:var(--muted)}.sectionTitle{margin:27px 0 11px;font-size:19px}.chartGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:center}.radarBox{background:#fbfcfd;border:1px solid var(--line);border-radius:18px;padding:10px}.radarBox svg{max-width:100%;height:auto}.bars{display:grid;gap:9px}.barItem{padding:11px 12px}.barHead{display:flex;justify-content:space-between;font-size:12px;font-weight:800;margin-bottom:6px}.barTrack{height:8px;border-radius:999px;background:#edf1f3;overflow:hidden}.barFill{height:100%;border-radius:999px}.dimensionGrid{margin-top:0}.dimensionCard{padding:12px;background:#fbfcfd}.dimensionCard b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--navy2);margin-bottom:5px}.dimensionScore{font-size:22px}.resultCard{padding:17px;margin-top:11px}.resultCardHead{display:flex;justify-content:space-between;gap:10px;align-items:center}.resultCard h3{margin:0;font-size:17px}.pill{padding:5px 8px;border-radius:999px;background:#edf2f5;color:#4e6170;font-size:10px;font-weight:800}.resultCard p{color:var(--muted);line-height:1.55;font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.step{background:#f7f9fa;border:1px solid var(--line);border-radius:12px;padding:10px;font-size:12px;line-height:1.45;color:#4d5c67}.step b{display:block;color:var(--navy);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.footerNote{margin-top:18px;padding:13px;border-radius:14px;background:#f5f7f8;color:#5d6972;font-size:11px;line-height:1.55}@media(max-width:800px){.introgrid,.resultHero,.chartGrid{grid-template-columns:1fr}.scale{grid-template-columns:1fr 1fr}.option label{min-height:50px}.top3,.steps,.dimensionGrid{grid-template-columns:1fr}.hero{padding:25px 21px}.panel{padding:18px}.qcard{min-height:250px}.question{font-size:clamp(19px,5.2vw,25px)}}@media print{@page{size:A4 portrait;margin:12mm 12mm 14mm}html,body{width:100%;min-height:auto;background:#fff!important;color:#17212b!important}body{font-size:11pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app{width:100%;max-width:none;margin:0;padding:0}.hero{box-shadow:none;border-radius:0;padding:14mm 0 8mm;background:linear-gradient(135deg,#142c3d,#2d526b)!important;color:#fff!important}.hero h1{font-size:26pt;margin:5px 0 7px}.hero p{font-size:10pt;line-height:1.4;max-width:100%}.hero .badge{margin-top:9px;font-size:8.5pt}.noPrint,.progressWrap,.actions,.btnrow{display:none!important}.panel{box-shadow:none;border:0;margin:0;padding:8mm 0;page-break-inside:auto;break-inside:auto}.notice{font-size:9pt}.field,.introgrid,#intro{display:none!important}#quiz{display:none!important}#results{display:block!important}.resultHero{grid-template-columns:175px 1fr;gap:16px;align-items:center;page-break-inside:avoid;break-inside:avoid}.ring{width:145px;height:145px;background:conic-gradient(var(--navy2) 0deg,var(--navy2) var(--deg),#e8edf1 var(--deg),#e8edf1 360deg)!important}.ring:after{inset:9px}.ringNum{font-size:31px}.ringTxt{font-size:8px}.resultTitle{font-size:19pt;margin-bottom:5px}.muted{font-size:9.5pt;line-height:1.4}.top3{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11mm;page-break-inside:avoid;break-inside:avoid}.topcard{padding:9px}.topcard h3{font-size:10.5pt}.score{font-size:18pt}.level{font-size:8.5pt}.sectionTitle{font-size:14pt;margin:9mm 0 4mm;page-break-after:avoid;break-after:avoid}.chartGrid{grid-template-columns:1fr 1fr;gap:10mm;align-items:start;page-break-inside:avoid;break-inside:avoid}.radarBox{padding:5px}.radarBox svg{max-height:230px}.bars{gap:5px}.barItem{padding:7px 9px}.barHead{font-size:9pt;margin-bottom:4px}.barTrack{height:6px}.dimensionGrid{grid-template-columns:repeat(3,1fr);gap:7px;page-break-inside:avoid;break-inside:avoid}.dimensionCard{padding:8px}.dimensionCard b{font-size:7.5pt}.dimensionScore{font-size:16pt}.dimensionCard span{font-size:8pt}.resultCard{padding:10px;margin-top:7px;page-break-inside:avoid;break-inside:avoid}.resultCard h3{font-size:11pt}.resultCard p{font-size:8.8pt;line-height:1.4;margin:6px 0}.pill{font-size:8pt;padding:3px 6px}.steps{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.step{padding:7px;font-size:8pt;line-height:1.35}.step b{font-size:7pt}.footerNote{font-size:8pt;line-height:1.4;padding:9px;margin-top:8mm;page-break-inside:avoid;break-inside:avoid}#details{display:block}.kicker{font-size:7.5pt}.panel,.resultHero,.top3,.chartGrid,.dimensionGrid,.resultCard,.footerNote{-webkit-column-break-inside:avoid;column-break-inside:avoid}}