@font-face{font-family:"Fredoka";src:url("../fonts/fredoka-var.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Figtree";src:url("../fonts/figtree-var.woff2") format("woff2");font-weight:300 900;font-display:swap}
.feedback-page{background:#F5F0FF;color:#25153D}
.feedback-header{position:relative;background:#fff;border-bottom:1px solid #e6dcfb;backdrop-filter:none}
.feedback-nav{justify-content:space-between}
.feedback-logo{height:34px;width:auto;display:block}
.pilot-pill{font-family:"Fredoka";font-weight:600;color:#6534F5;background:#F5F0FF;border-radius:999px;padding:7px 13px;font-size:.86rem}
.feedback-hero{position:relative;overflow:hidden;min-height:calc(100vh - 76px);padding:clamp(44px,7vw,86px) 0 80px;background:#F5F0FF}
.feedback-wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.28fr);gap:clamp(34px,6vw,76px);align-items:start}
.feedback-intro{position:sticky;top:118px;padding-top:20px}
.eyebrow-fb{display:inline-flex;font-family:"Fredoka";font-weight:600;color:#6534F5;background:#E4D9FF;border-radius:999px;padding:6px 12px;font-size:.82rem;margin-bottom:18px}
.feedback-intro h1{font-size:clamp(2.4rem,4.2vw,4rem);max-width:10ch}
.feedback-intro>p{margin-top:20px;color:#5e5176;font-size:1.08rem;max-width:39ch}
.feedback-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.feedback-meta span{font-size:.86rem;color:#5e5176;background:#fff;border:1px solid #e6dcfb;border-radius:999px;padding:7px 12px}
.feedback-shell{background:#fff;border:1px solid #e6dcfb;border-radius:32px;box-shadow:0 30px 70px -42px rgba(37,21,61,.55);padding:clamp(24px,4vw,42px);min-height:640px}
.progress-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}
.progress-head div{display:flex;flex-direction:column}
.progress-head span{color:#9588ad;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.progress-head strong{font-family:"Fredoka";font-size:1.08rem;margin-top:2px}
#stepCount{color:#6534F5;background:#F5F0FF;border-radius:999px;padding:6px 10px;white-space:nowrap}
.progress-track{height:8px;background:#F5F0FF;border-radius:999px;overflow:hidden;margin-bottom:34px}
.progress-track span{display:block;height:100%;width:25%;background:linear-gradient(90deg,#6534F5,#D9F542);border-radius:inherit;transition:width .28s ease}
.form-step{display:none;animation:fb-in .24s ease both}.form-step.is-active{display:block}
@keyframes fb-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.step-copy{margin-bottom:26px}.step-copy h2{font-size:clamp(1.7rem,2.7vw,2.25rem)}.step-copy p{margin-top:8px;color:#5e5176}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-grid.one{grid-template-columns:1fr}.field.full,.consent-box.full{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:8px}.field>span{font-weight:650;font-size:.94rem}.field b,.consent-box b{color:#6534F5}.field em{font-weight:400;font-style:normal;color:#9588ad;font-size:.82rem;margin-left:4px}
.field input,.field select,.field textarea{width:100%;border:1px solid #ddd2f4;background:#fff;color:#25153D;border-radius:16px;padding:14px 15px;font:inherit;transition:border-color .18s,box-shadow .18s}.field textarea{resize:vertical;min-height:92px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#6534F5;box-shadow:0 0 0 4px rgba(101,52,245,.10)}
.field input.invalid,.field select.invalid,.field textarea.invalid{border-color:#b3261e;box-shadow:0 0 0 3px rgba(179,38,30,.08)}
.rating-list{display:grid;gap:14px}.rating-q{margin:0;border:1px solid #e6dcfb;border-radius:20px;padding:18px;background:#fff}.rating-q legend{float:left;width:100%;font-weight:650;line-height:1.35;margin-bottom:14px;padding:0}.rating-q legend+*{clear:both}
.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.rate{position:relative}.rate input{position:absolute;opacity:0;pointer-events:none}.rate label{cursor:pointer;display:flex;min-height:52px;align-items:center;justify-content:center;border-radius:14px;border:1px solid #e6dcfb;background:#F8F5FF;font-family:"Fredoka";font-size:1.05rem;font-weight:650;color:#5e5176;transition:.15s}.rate input:checked+label{background:#6534F5;border-color:#6534F5;color:#fff;box-shadow:0 8px 18px -12px rgba(101,52,245,.9)}.rate label:hover{border-color:#6534F5;color:#6534F5}.rate input:focus-visible+label{outline:3px solid #D9F542;outline-offset:2px}.rating-q.invalid{border-color:#b3261e;background:#fffafa}
.scale::before,.scale::after{grid-row:2;font-size:.72rem;color:#9588ad;margin-top:0}.scale::before{content:"1 · egyáltalán nem";grid-column:1/3}.scale::after{content:"5 · teljes mértékben";grid-column:4/6;text-align:right}
.consent-box{display:flex;align-items:flex-start;gap:11px;border-radius:16px;background:#F5F0FF;padding:15px 16px;font-size:.9rem;color:#5e5176}.consent-box input{width:18px;height:18px;margin-top:2px;accent-color:#6534F5;flex:0 0 auto}
.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid #eee7fb}.form-actions .btn:last-child,.form-actions #nextBtn{margin-left:auto}.is-hidden{display:none!important}
.form-alert{min-height:22px;margin-top:16px;color:#b3261e;font-weight:650;font-size:.92rem}.form-alert.ok{color:#527000}
.thanks{text-align:center;padding:50px 10px 20px}.thanks-icon{width:68px;height:68px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:#D9F542;color:#25153D;font-family:"Fredoka";font-size:2rem;font-weight:700}.thanks h2{font-size:2.2rem}.thanks p{color:#5e5176;max-width:46ch;margin:12px auto 26px}
.feedback-shape{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.feedback-shape-a{width:420px;height:420px;right:-180px;top:-160px;background:rgba(101,52,245,.10)}.feedback-shape-b{width:320px;height:320px;left:-200px;bottom:10%;background:rgba(217,245,66,.22)}
.feedback-footer{background:#1a0e2c;color:#cbbfe6;padding:24px 0}.feedback-footer .wrap{display:flex;justify-content:space-between;gap:20px;font-size:.88rem}.feedback-footer span:first-child{font-family:"Fredoka";font-weight:700;color:#fff}
@media(max-width:920px){.feedback-wrap{grid-template-columns:1fr}.feedback-intro{position:static;padding-top:0}.feedback-intro h1{max-width:15ch}.feedback-intro>p{max-width:60ch}.feedback-shell{min-height:0}}
@media(max-width:620px){.feedback-hero{padding-top:30px}.feedback-shell{border-radius:24px;padding:22px 18px}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.scale{gap:6px}.rate label{min-height:48px}.scale::before{grid-column:1/4}.scale::after{grid-column:3/6}.feedback-footer .wrap{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.form-step{animation:none}.progress-track span{transition:none}}