*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,sans-serif;background:#fff;min-height:100vh;display:flex;flex-direction:column}input::-moz-placeholder,textarea::-moz-placeholder{color:#c0b8ae}input::placeholder,textarea::placeholder{color:#c0b8ae}button{cursor:pointer;font-family:Nunito,sans-serif}button:hover{filter:brightness(1.05)}.header{padding:32px 24px 24px;text-align:center;border-bottom:1px solid rgba(44,36,24,.08)}.header img{height:80px;margin-bottom:10px}.header .subtitle{color:#8a7a6a;font-size:12px;margin:0 0 16px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.about-box{max-width:480px;margin:0 auto;padding:16px 20px;background:#f5f5eba6;border-radius:14px;border:1px solid rgba(44,36,24,.06)}.about-box p{margin:0;font-size:13.5px;line-height:1.7;color:#5a4e42}.about-box p+p{margin-top:8px}.about-box strong{font-weight:700;color:#2c2418}.progress-wrap{padding:0 24px}.progress-bar{height:3px;background:#2c24180f;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#b8a088,#c9913a);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.step-nav{display:flex;padding:14px 12px 6px;gap:2px;justify-content:center}.step-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 8px 6px;border-radius:10px;border:none;background:transparent;transition:all .2s ease;min-width:56px}.step-btn.active{background:#2c24180f}.step-btn .icon{font-size:18px}.step-btn .lbl{font-size:9px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;font-weight:500;color:#a89a8a}.step-btn.active .lbl{font-weight:700;color:#2c2418}.step-btn.done .lbl{color:#6b9a6b}.content{flex:1;overflow-y:auto;padding:8px 20px 32px}.inner{max-width:520px;margin:0 auto}.section-head{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(44,36,24,.08)}.section-head .krok{font-size:11px;color:#b8a088;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.section-head h2{font-family:Lora,serif;font-size:24px;color:#2c2418;margin:4px 0 0;font-weight:600}.error-banner{background:#fdf0ee;border:1px solid #E8A09A;border-radius:12px;padding:14px 18px;margin-bottom:20px;display:none;animation:shake .4s ease}.error-banner.show{display:flex;align-items:flex-start;gap:10px}.error-banner .warn-icon{font-size:18px;line-height:1}.error-banner .title{margin:0 0 4px;font-size:14px;font-weight:600;color:#a84232}.error-banner .detail{margin:0;font-size:13px;color:#c55a4a;line-height:1.5}.form-card{background:#f5f5eb;border-radius:16px;padding:28px 24px;box-shadow:0 2px 20px #2c24180f,0 1px 3px #2c24180a;border:1px solid rgba(44,36,24,.05);transition:all .3s ease}.form-card.anim-out{opacity:0;transform:translateY(8px)}.form-card.anim-in{opacity:1;transform:translateY(0)}.field{margin-bottom:20px}.field-label{display:block;font-size:13px;font-weight:600;color:#8a7a6a;margin-bottom:6px;letter-spacing:.02em;text-transform:uppercase;transition:color .2s}.field-label.error{color:#c55a4a}.field-label .req{font-weight:400;text-transform:none}.q-label{display:block;font-size:14px;font-weight:500;color:#3a332b;margin-bottom:10px;line-height:1.5;transition:color .2s}.q-label.error{color:#c55a4a}.q-label .req{font-size:12px;font-weight:400}.text-input{width:100%;padding:12px 16px;font-size:15px;border:2px solid #E8E0D6;border-radius:10px;outline:none;background:#fafaf8;transition:all .2s ease;font-family:Nunito,sans-serif;color:#1a1612}.text-input:focus{border-color:#c9913a;background:#fffcf7}.text-input.error{border-color:#e8a09a;background:#fff8f7}textarea.text-input{resize:vertical}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:10px 18px;border-radius:24px;border:2px solid #E8E0D6;background:#fafaf8;color:#5a4e42;font-size:14px;font-weight:400;transition:all .2s ease}.pill.selected{border-color:#c9913a;background:#c9913a;color:#fff;font-weight:600}.pill.error:not(.selected){border-color:#e8a09a;background:#fff8f7}.yn-wrap{display:flex;gap:10px}.yn-btn{flex:1;max-width:140px;padding:12px 24px;border-radius:10px;border:2px solid #E8E0D6;background:#fafaf8;color:#8a7a6a;font-size:15px;font-weight:500;transition:all .2s ease}.yn-btn.yes-sel{border-color:#4a9a5a;background:#edf7ef;color:#2d7a3d;font-weight:700}.yn-btn.no-sel{border-color:#c55a4a;background:#fdf0ee;color:#a84232;font-weight:700}.yn-btn.error:not(.yes-sel):not(.no-sel){border-color:#e8a09a;background:#fff8f7}.rating-wrap{display:flex;gap:6px;align-items:flex-end}.rating-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;flex:1;border-radius:10px;border:2px solid #E8E0D6;background:#fafaf8;transition:all .2s ease}.rating-btn.error:not(.selected){border-color:#e8a09a;background:#fff8f7}.rating-btn.selected{border-color:#c9913a}.rating-btn .num{font-size:20px;font-weight:700;color:#beb4a8}.rating-btn.selected .num{color:#c9913a}.rating-btn .rlbl{font-size:10px;color:#beb4a8;font-weight:500}.rating-btn.selected .rlbl{color:#8a6a2a}.btn-back{padding:14px 28px;border-radius:12px;border:1px solid rgba(44,36,24,.15);background:#ffffffb3;color:#5a4e42;font-size:15px;font-weight:600;transition:all .2s ease}.btn-next{flex:1;padding:14px 28px;border-radius:12px;border:none;background:#2c2418;color:#fff;font-size:15px;font-weight:600;box-shadow:0 4px 16px #2c241826;transition:all .2s ease;letter-spacing:.02em}.btn-next.submit{background:linear-gradient(135deg,#6b9a6b,#5a8a5a);font-weight:700}.btn-next:disabled{opacity:.5;cursor:not-allowed}.submitted{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px;background:#fff}.submitted img{height:80px;margin-bottom:20px}.submitted h2{font-family:Lora,serif;font-size:30px;color:#2c2418;margin-bottom:8px;font-weight:600}.submitted p{color:#7a6e62;font-size:16px;line-height:1.6}.hidden{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.fade-in{animation:fadeUp .6s ease}.pf-showcase{margin-top:0;padding:32px 20px 24px;background:#fafaf6}.pf-tagline{text-align:center;font-size:14px;color:#5a4e42;margin:0 0 24px;line-height:1.6;font-weight:500}.pf-row-label{font-size:11px;font-weight:700;color:#b8a088;text-transform:uppercase;letter-spacing:.1em;margin-top:32px;margin-bottom:16px;text-align:center}.pf-row:first-child .pf-row-label{margin-top:16px}.pf-grid{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.pf-grid-6{gap:12px}a.pf-item{text-decoration:none;color:inherit}.pf-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:90px}.pf-item img{width:90px;height:90px;-o-object-fit:contain;object-fit:contain;border-radius:6px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08));transition:transform .2s ease;background:#fff;padding:4px}.pf-item:hover img{transform:scale(1.08)}.pf-placeholder{width:50px;height:96px;border-radius:6px;border:2px dashed #D8D0C6;display:flex;align-items:center;justify-content:center;background:#f0ede8}.pf-placeholder span{color:#b8a088;font-size:20px;font-weight:300}.pf-name{font-size:11px;color:#5a4e42;font-weight:600;text-align:center;line-height:1.3;max-width:90px}.pf-footer-note{text-align:center;font-size:12px;color:#a89a8a;margin:16px 0 0;font-style:italic}.pf-footer-note strong{color:#5a4e42;font-weight:600}.inline-nav{display:flex;gap:12px;margin-top:20px;margin-bottom:32px;padding-bottom:0}.pf-row{margin-bottom:0}.pf-row:last-child{margin-bottom:0}.card-enter-active{transition:all .15s ease .15s}.card-leave-active{transition:all .15s ease}.card-enter-from,.card-leave-to{opacity:0;transform:translateY(8px)}