:root{--bg:#f3eadb;--bg-deep:#0f3b3a;--surface:#fff9f0e0;--surface-strong:#fff7ed;--ink:#1f2933;--ink-soft:#52606d;--line:#0f3b3a29;--accent:#ee6c4d;--accent-deep:#c64f34;--gold:#e0b05b;--mint:#8db6a7;--success:#235347;--error:#a03423;--shadow:0 24px 80px #0f3b3a24;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 0 0,#e0b05b42,#0000 26rem),radial-gradient(circle at 100% 100%,#8db6a74d,#0000 28rem),linear-gradient(160deg,#f4eee5 0%,#efe2ce 48%,#f7f0e8 100%);margin:0;font-family:Aptos,Trebuchet MS,Segoe UI,sans-serif}a{color:inherit}code{background:#0f3b3a14;border-radius:999px;padding:.15rem .4rem;font-family:Cascadia Code,Consolas,monospace}.shell{min-height:100vh;padding:2rem;position:relative;overflow:hidden}.ambient{filter:blur(12px);opacity:.72;pointer-events:none;border-radius:999px;width:24rem;height:24rem;position:absolute}.ambient-left{background:#ee6c4d2e;top:-8rem;left:-6rem}.ambient-right{background:#0f3b3a24;bottom:-10rem;right:-8rem}.fade-in{animation:.5s ease-out fade-in}.slide-in{animation:.45s ease-out slide-in}.hero-card,.wizard-shell,.wizard-state,.confirmation-card{z-index:1;margin:0 auto;position:relative}.hero-card,.wizard-state,.confirmation-card{max-width:72rem;box-shadow:var(--shadow);background:linear-gradient(145deg,#fff8eff5,#faefe0d1);border:1px solid #0f3b3a24;border-radius:2.2rem;padding:3rem}.hero-card h1,.wizard-state h1,.confirmation-card h1,.wizard-header h1,.question-card h2{letter-spacing:-.03em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-weight:700}.hero-card h1,.wizard-state h1,.confirmation-card h1{max-width:14ch;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.96}.hero-copy,.wizard-state p,.confirmation-card p{max-width:42rem;color:var(--ink-soft);font-size:1.08rem;line-height:1.7}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.5rem;display:grid}.hero-grid article{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff94;padding:1.25rem}.hero-grid h2{margin:0 0 .5rem;font-size:1rem}.hero-grid p{color:var(--ink-soft);margin:0;line-height:1.6}.eyebrow{color:var(--accent-deep);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.55rem;margin:0 0 1rem;font-size:.84rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:2.75rem;height:1px}.wizard-shell{flex-direction:column;gap:1.2rem;max-width:70rem;display:flex}.wizard-header,.progress-card,.question-card{background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #0f3b3a21}.wizard-header{border-radius:2rem 2rem 1.2rem 1.2rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:2rem 2rem 1.65rem;display:flex}.wizard-header h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.04}.round-badge{color:var(--accent-deep);white-space:nowrap;background:#ee6c4d1f;border-radius:999px;padding:.7rem 1rem;font-weight:700}.progress-card{border-radius:1.2rem;padding:1rem 1.2rem 1.1rem}.progress-meta{color:var(--ink-soft);justify-content:space-between;gap:1rem;margin-bottom:.7rem;font-size:.92rem;font-weight:600;display:flex}.progress-track{background:#0f3b3a14;border-radius:999px;width:100%;height:.8rem;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent) 0%, var(--gold) 100%);border-radius:999px;height:100%;transition:width .3s}.question-card{border-radius:1.4rem 1.4rem 2rem 2rem;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.question-header{flex-direction:column;gap:.75rem;display:flex}.question-header h2{font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.1}.question-helper{color:var(--ink-soft);margin:0;line-height:1.7}.question-tags{flex-wrap:wrap;gap:.55rem;display:flex}.chip{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0f3b3a26;border-radius:999px;align-items:center;padding:.38rem .72rem;font-size:.78rem;font-weight:700;display:inline-flex}.chip-solid{color:#fff9f0;background:#0f3b3aeb;border-color:#0000}.asset-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.asset-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffb8;overflow:hidden}.asset-image{object-fit:cover;background:linear-gradient(135deg,#e0b05b33,#0f3b3a1a);width:100%;height:12rem;display:block}.asset-caption,.asset-link{color:var(--ink-soft);margin:0;padding:.9rem 1rem;line-height:1.5;display:block}.asset-link{font-weight:700;text-decoration:none}.answer-zone{flex-direction:column;gap:1.2rem;display:flex}.field-block{flex-direction:column;gap:.6rem;display:flex}.field-label,.field-meta{color:var(--ink-soft);font-size:.9rem;font-weight:600}.field-meta{text-align:right}.text-input{border-radius:var(--radius-md);width:100%;color:var(--ink);font:inherit;background:#ffffffe0;border:1px solid #0f3b3a2e}.text-input:focus{border-color:#ee6c4d7a;outline:3px solid #ee6c4d2e}.text-area{resize:vertical;min-height:12rem;padding:1rem 1.1rem;line-height:1.65}.text-area.compact{min-height:7rem}.option-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem;display:grid}.option-grid-compact{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.option-card{border-radius:var(--radius-md);min-height:6.4rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#ffffff9e;border:1px solid #0f3b3a26;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;transition:transform .18s,border-color .18s,background .18s;display:flex}.option-card:hover{border-color:#ee6c4d73;transform:translateY(-2px)}.option-card.is-selected{color:#fff8f1;background:linear-gradient(135deg,#ee6c4deb,#c64f34eb);border-color:#0000}.option-card small{color:inherit;opacity:.8}.validation-stack,.upload-stack{flex-direction:column;gap:1rem;display:flex}.dropzone{border-radius:var(--radius-lg);background:linear-gradient(135deg, #8db6a729, #ffffffb8), var(--surface-strong);cursor:pointer;border:1px dashed #0f3b3a3d;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.35rem;transition:transform .18s,border-color .18s,background .18s;display:flex}.dropzone:hover,.dropzone.is-dragging{border-color:#ee6c4d85;transform:translateY(-2px)}.dropzone-title{font-weight:700}.dropzone-copy,.dropzone-status{color:var(--ink-soft);line-height:1.5}.dropzone-status{color:var(--accent-deep);font-weight:700}.hidden-input{display:none}.uploaded-file{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffc;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.uploaded-file p{color:var(--ink-soft);margin:.2rem 0 0}.uploaded-file a{font-weight:700;text-decoration:none}.info-panel{border-left:4px solid var(--gold);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#e0b05b1f;padding:1.1rem 1.2rem}.info-panel p{color:var(--ink-soft);margin:0;line-height:1.6}.feedback{border-radius:var(--radius-sm);margin:0;padding:.85rem 1rem;line-height:1.55}.feedback-error{color:var(--error);background:#a034231a}.wizard-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.button{appearance:none;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.9rem 1.3rem;font-weight:700;transition:transform .18s,opacity .18s,background .18s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff8f1}.button-secondary{color:var(--bg-deep);background:#0f3b3a14}.confirmation-card{flex-direction:column;gap:1rem;display:flex}.confirmation-meta{color:var(--success);flex-wrap:wrap;gap:.8rem;font-weight:700;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (max-width:800px){.shell{padding:1rem}.hero-card,.wizard-state,.confirmation-card{padding:1.6rem}.wizard-header,.question-card{padding:1.35rem}.hero-grid,.option-grid{grid-template-columns:1fr}.wizard-header,.wizard-actions,.uploaded-file{flex-direction:column;align-items:stretch}.round-badge{align-self:flex-start}}
