*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #C9A25B;--gold-light: #d4b876;--gold-pale: rgba(201,162,91,.12);--gold-border: rgba(201,162,91,.3);--black: #2B2B2B;--gray: #747474;--light-gray: #D2D5DD;--off-white: #FFFFFB;--white: #FFFFFF}html{scroll-behavior:smooth}body{font-family:Avenir,Avenir Book,-apple-system,Segoe UI,sans-serif;background:var(--off-white);color:var(--black);line-height:1.6}body:before{content:"";display:block;position:fixed;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#c9a25b,#d4b876,#c9a25b);z-index:1000}.container{max-width:720px;margin:0 auto;padding:0 24px 80px}.card{background:var(--white);border-radius:8px;padding:32px;margin-bottom:24px;box-shadow:0 1px 3px #0000000f}h1,h2,h3{font-family:DIN Condensed Bold,DIN Condensed,Impact,Arial Narrow,sans-serif;text-transform:uppercase;letter-spacing:.1em;line-height:1.2}h1{font-size:1.5rem}h2{font-size:1.25rem;margin-bottom:16px}h3{font-size:1rem;margin-bottom:12px}.scripture-block{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:1.1rem;color:var(--white);line-height:1.75;border-left:none;padding:24px 28px;margin-bottom:24px;background:var(--gold);border-radius:12px;text-align:center}.scripture-ref{display:block;margin-top:12px;font-style:normal;font-weight:700;font-size:.9rem;letter-spacing:.04em;color:#ffffffd9}.prep-steps{list-style:none;counter-reset:step;margin-bottom:24px}.prep-steps li{counter-increment:step;display:flex;align-items:baseline;gap:12px;margin-bottom:12px;line-height:1.5}.prep-steps li:before{content:counter(step);flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--white);font-weight:700;font-size:.85rem;border-radius:50%}.prep-steps strong{color:var(--black)}.scale-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:28px}.scale-item{text-align:center;padding:12px 8px;border-radius:8px;background:var(--off-white);border:1px solid var(--light-gray)}.scale-number{display:block;font-size:1.25rem;font-weight:700;color:var(--gold);margin-bottom:4px}.scale-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--gray);margin-bottom:4px}.scale-desc{font-size:.75rem;color:var(--gray)}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.name-field label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);margin-bottom:6px}.name-field input{width:100%;padding:10px 14px;border:1.5px solid var(--light-gray);border-radius:6px;font-family:inherit;font-size:1rem;color:var(--black);outline:none;transition:border-color .2s}.name-field input:focus{border-color:var(--gold)}.btn{display:inline-block;padding:12px 32px;border:none;border-radius:6px;font-family:DIN Condensed Bold,DIN Condensed,Impact,Arial Narrow,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background .2s,opacity .2s}.btn-primary{background:var(--gold);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--gold-light)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--gray);border:1.5px solid var(--light-gray)}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.btn-center{display:flex;justify-content:center}.progress-container{margin-bottom:24px}.progress-text{font-size:.85rem;color:var(--gray);margin-bottom:8px;text-align:center}.progress-bar{height:6px;background:var(--light-gray);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);border-radius:3px;transition:width .3s ease}.question-card{padding:20px;border-radius:8px;margin-bottom:16px;background:var(--white);border-left:3px solid transparent;box-shadow:0 1px 3px #0000000a;transition:border-color .3s}.question-card.answered{border-left-color:var(--gold)}.question-number{font-size:.75rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.question-text{font-size:1rem;margin-bottom:14px;line-height:1.5}.answer-buttons{display:flex;gap:6px;flex-wrap:wrap}.answer-btn{flex:1;min-width:0;padding:8px 4px;border:1.5px solid var(--light-gray);border-radius:6px;background:var(--white);font-family:inherit;font-size:.7rem;text-align:center;cursor:pointer;transition:all .2s;color:var(--gray);line-height:1.3}.answer-btn:hover{border-color:var(--gold-border);background:var(--gold-pale)}.answer-btn.selected{border-color:var(--gold);background:var(--gold);color:var(--white);font-weight:600}.answer-value{display:block;font-size:1rem;font-weight:700;margin-bottom:2px}.nav-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.download-section{text-align:center;margin-bottom:32px}.gift-summary{border-radius:8px;padding:20px;margin-bottom:16px}.gift-summary.dominant{border:2px solid var(--gold)}.gift-summary.supporting{border:1px solid var(--gray)}.gift-summary h3{margin-bottom:12px}.gift-summary.dominant h3{color:var(--gold)}.gift-tags{display:flex;flex-wrap:wrap;gap:8px}.gift-tag{display:inline-block;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.gift-tag.dominant{background:var(--gold-pale);color:var(--gold)}.gift-tag.supporting{background:#f0f0f0;color:var(--gray)}.chart-container{margin-top:32px;margin-bottom:32px}.chart-row{display:flex;align-items:center;margin-bottom:8px}.chart-label{width:130px;text-align:right;padding-right:12px;font-size:.85rem;font-weight:600;color:var(--black);flex-shrink:0}.chart-track{flex:1;height:22px;background:#f2f2f2;border-radius:4px;overflow:hidden}.chart-fill{height:100%;border-radius:4px;transition:width .6s ease}.chart-fill.dominant{background:linear-gradient(90deg,#c9a25b,#d4b876)}.chart-fill.supporting{background:var(--gray)}.chart-fill.other{background:var(--light-gray)}.chart-score{width:36px;text-align:center;padding-left:8px;font-size:.85rem;font-weight:700;color:var(--black)}.closing-block{margin:32px 0}.closing-block .scripture-block{margin-bottom:0}.retake-section{text-align:center;margin-top:32px}@media(max-width:600px){.container{padding:24px 16px 40px}.card{padding:20px}.scale-grid{grid-template-columns:repeat(5,1fr);gap:4px}.scale-item{padding:8px 4px}.scale-desc{display:none}.name-fields{grid-template-columns:1fr}.answer-buttons{gap:4px}.answer-btn{padding:6px 2px;font-size:.65rem}.chart-label{width:100px;font-size:.75rem}}