:root{font-family:Montserrat,Arial,sans-serif;color:#FFFFFF;background:#0b101b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 10% 70%,#172342 0,transparent 35%),radial-gradient(ellipse at 95% 30%,#1b253a 0,transparent 36%),#0b101b}header{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:22px max(20px,5vw);border-bottom:2px solid #c28f2c;background:linear-gradient(115deg,#b9bbbd,#d0d1d2)}.brand{width:min(310px,42vw);height:85px;object-fit:contain;object-position:left center;background:transparent}.disc-logo{height:120px;max-width:245px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(25,25,25,.55));transform:translateY(-6px)}nav{display:flex;gap:10px}button{cursor:pointer;font:inherit}nav button{background:#2e3a59;color:#FFFFFF;border:1px solid #61708b;padding:12px 18px;border-radius:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s}nav button:hover{border-color:#c28f2c;background:#394866}nav button.active{color:#000000;border-color:#c28f2c;background:#c28f2c;font-weight:750}nav button.active:hover{background:#d2a447}.ghost{background:transparent;color:#FFFFFF;border:1px solid #61708b;padding:12px 18px;border-radius:12px}.wrap{max-width:1110px;margin:30px auto;padding:0 18px}.panel{background:linear-gradient(130deg,#101a2b,#0b111e);border:1px solid #2e3a59;border-radius:24px;padding:clamp(22px,5vw,48px);box-shadow:0 25px 90px #0007}.kicker{color:#C28F2C;letter-spacing:3px;font-size:12px;font-weight:700;text-transform:uppercase}h1{font-size:clamp(25px,4vw,43px);line-height:1.2;margin:18px 0 24px}.muted{color:#FFFFFF}.progressrow{display:flex;justify-content:space-between;color:#FFFFFF;font-size:14px}.track{height:8px;border-radius:50px;background:#263449;overflow:hidden;margin:13px 0 30px}.fill{height:100%;width:0;background:#c28f2c;transition:width .2s}.answers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.answers.bkz{grid-template-columns:repeat(5,minmax(0,1fr))}.tile{min-height:135px;background:#111b2b;color:#FFFFFF;border:1px solid #3a4b65;border-radius:16px;padding:17px 10px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;font-weight:600;overflow-wrap:anywhere;transition:border-color .12s,background .12s}.tile .choice-indicator{font-size:22px;color:#FFFFFF;border:1px solid #7889a2;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tile.selected{border:2px solid #d7a43c;background:#28271f}.tile.selected .choice-indicator{color:#C28F2C;border-color:#ecb94b}.buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:30px}.primary{background:#d8a640;border:0;color:#000000;border-radius:40px;font-weight:700;padding:15px 44px;min-width:165px}.primary:hover{background:#edbb58}.primary:disabled{opacity:.4;cursor:not-allowed}input,select{display:block;width:100%;background:#172338;color:#FFFFFF;border:1px solid #586985;border-radius:10px;padding:14px;font:inherit;margin:7px 0 18px}label{display:block;margin-top:12px;color:#FFFFFF}.error{color:#FFFFFF;padding-top:15px}.footer{border-top:1px solid #263449;margin-top:32px;padding-top:20px;color:#FFFFFF;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}.footer-copy{display:flex;gap:20px;flex-wrap:wrap;align-items:center;flex:1 1 430px}.footer-kp{margin-left:auto;display:flex;justify-content:flex-end;align-items:center;flex:0 0 auto}.footer-kp img{display:block;width:min(36px,6.3vw);height:auto;-webkit-mask-image:radial-gradient(circle at center, rgba(0,0,0,1) 56%, rgba(0,0,0,.96) 68%, rgba(0,0,0,.72) 82%, rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle at center, rgba(0,0,0,1) 56%, rgba(0,0,0,.96) 68%, rgba(0,0,0,.72) 82%, rgba(0,0,0,0) 100%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.notice{background:transparent;border:0;border-top:1px solid #30415f;border-radius:0;padding:18px 0 0;margin-top:28px;color:#FFFFFF;font-size:13px}.homecards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.homecard{padding:24px;background:#142034;border:1px solid #3a4b65;border-radius:16px;display:flex;flex-direction:column}.homecard h2{margin-top:0;min-height:3.1em}.homecard p{flex:1 1 auto}.homecard button{margin-top:14px;align-self:flex-start}.small{font-size:13px}.count{color:#C28F2C}.hidden{display:none}p{line-height:1.55}.intro-card{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.intro-title{margin:0 0 4px;font-size:clamp(28px,4.2vw,42px);color:#C28F2C}.intro-subtitle{margin:0 0 24px;color:#FFFFFF;font-style:italic;font-weight:600}.intro-block{margin:24px 0}.intro-block h2{margin:0 0 10px;font-size:20px;color:#FFFFFF}.intro-list{margin:12px 0 18px 0;padding-left:22px}.intro-list li{margin:8px 0;line-height:1.6}.intro-quote{font-style:italic;color:#FFFFFF;background:transparent;border:0;border-left:2px solid #c28f2c;padding:4px 0 4px 18px;border-radius:0;margin:22px 0}.intro-highlight{background:transparent;border:0;border-left:2px solid #c28f2c;border-radius:0;padding:4px 0 4px 18px;margin:22px 0;color:#FFFFFF}.intro-strong{font-weight:800}@media(max-width:720px){header{flex-wrap:wrap;padding:16px}.brand{height:65px}.disc-logo{height:93px;max-width:175px}nav{order:3;width:100%}nav button{flex:1}.answers,.answers.bkz{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-height:112px}.homecards{grid-template-columns:1fr}.homecard h2{min-height:0}.footer{display:block}.footer-copy{display:block}.footer-kp{justify-content:center;margin-top:14px}.footer-kp img{width:min(32px,9.8vw)}.wrap{margin:15px auto}}

/* Widoczne przejścia i spójna metryczka */
.context-banner{border:1px solid #c28f2c;background:linear-gradient(110deg,#354262,#172238);border-radius:18px;padding:22px 25px;margin:14px 0 24px;box-shadow:0 0 30px #c28f2c20}
.context-banner .eyebrow{color:#C28F2C;font-weight:800;letter-spacing:.15em;font-size:12px;text-transform:uppercase;margin-bottom:8px}
.context-banner .context-name{font-size:clamp(19px,2.6vw,29px);line-height:1.3;color:#FFFFFF;font-weight:750}
.context-banner.change{border-width:2px;background:linear-gradient(110deg,#59472c,#273858 60%,#131e32);box-shadow:0 0 0 4px #c28f2c20,0 14px 40px #0006}
.context-banner.change .eyebrow:before{content:'✦ ';font-size:15px}
.context-banner.change:after{content:'NOWY OBSZAR BADANIA';display:inline-block;font-size:11px;letter-spacing:.11em;color:#C28F2C;margin-top:12px;font-weight:800}
.question-label{font-size:12px;letter-spacing:.1em;color:#FFFFFF;margin:12px 0 0;text-transform:uppercase}
.question-heading{margin:12px 0 22px}
.stats-intro{border:1px solid #c28f2c;background:#202d42;padding:17px 21px;border-radius:14px;margin-bottom:23px}
@media(max-width:720px){.context-banner{padding:17px}.context-banner.change{box-shadow:0 0 0 2px #c28f2c20}.context-banner .context-name{font-size:21px}}
.bkz-warning-title{color:#C28F2C;font-size:22px;font-weight:800;letter-spacing:.025em;margin:28px 0 12px}
.home-main-title{font-size:clamp(32px,4.6vw,52px);line-height:1.15;margin:0 0 8px;color:#C28F2C}.home-subtitle{font-size:clamp(24px,2.8vw,30px);color:#FFFFFF;margin:0 0 24px;font-weight:400}