:root{--navy:#1a2e4a;--blue:#2d5a8a;--gold:#d4a039;--cream:#f5f0e8;--amber:#e8a54b;--light-blue:#6b9cc4;--white:#fff}.assessment-container{background:var(--cream);flex-direction:column;min-height:100vh;padding:24px;font-family:Outfit,sans-serif;display:flex;position:relative;overflow-x:hidden}.heading-serif{font-family:Cormorant Garamond,serif}.assessment-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(60px);opacity:.15;border-radius:50%;position:absolute}.bg-orb.orb-1{background:var(--blue);width:500px;height:500px;animation:20s ease-in-out infinite float-slow;top:-150px;right:-150px}.bg-orb.orb-2{background:var(--navy);width:400px;height:400px;animation:25s ease-in-out infinite reverse float-slow;bottom:5%;left:-100px}.bg-orb.orb-3{background:var(--light-blue);opacity:.1;width:300px;height:300px;animation:18s ease-in-out infinite float-slow;top:50%;right:5%}@keyframes float-slow{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.progress-header{z-index:10;align-items:center;gap:16px;width:100%;max-width:600px;margin:0 auto 32px;display:flex;position:relative}.back-btn{background:var(--white);cursor:pointer;width:44px;height:44px;color:var(--navy);border:1px solid #1a2e4a1a;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.back-btn:hover{background:var(--navy);color:var(--cream);border-color:var(--navy)}.progress-track{background:#1a2e4a1a;flex:1;height:2px;overflow:hidden}.progress-fill{background:var(--gold);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-text{color:var(--navy);opacity:.5;text-align:right;letter-spacing:.1em;min-width:32px;font-size:.75rem;font-weight:400}.assessment-content{z-index:10;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.assessment-content.fade-out{animation:.3s forwards fadeOut}.assessment-content.fade-in{animation:.4s forwards fadeIn}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-content{text-align:center;width:100%;max-width:600px}.step-title{color:var(--navy);margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:400;line-height:1.2}.step-subtitle{color:var(--navy);opacity:.6;margin-bottom:40px;font-size:1rem;font-weight:300}.welcome-step{padding:20px 0}.welcome-badge{color:var(--gold);text-transform:uppercase;letter-spacing:.3em;border:1px solid var(--gold);background:0 0;margin-bottom:32px;padding:8px 20px;font-size:.7rem;font-weight:500;display:inline-block}.welcome-title{color:var(--navy);margin-bottom:16px;font-family:Cormorant Garamond,serif;font-size:2.75rem;font-weight:300;line-height:1.1}.welcome-subtitle{color:var(--navy);opacity:.6;margin-bottom:48px;font-size:1.125rem;font-weight:300;line-height:1.7}.welcome-benefits{text-align:left;flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.benefit{background:var(--white);border:1px solid #1a2e4a14;align-items:center;gap:20px;padding:20px 24px;display:flex}.benefit-number{background:var(--navy);width:36px;height:36px;color:var(--cream);flex-shrink:0;justify-content:center;align-items:center;font-family:Cormorant Garamond,serif;font-size:.875rem;font-weight:500;display:flex}.benefit p{color:var(--navy);margin:0;font-size:.9375rem;font-weight:400}.welcome-time{color:var(--navy);opacity:.4;letter-spacing:.1em;margin-bottom:32px;font-size:.8rem}.primary-btn{background:var(--navy);color:var(--cream);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;max-width:320px;padding:18px 40px;font-size:.8rem;font-weight:500;transition:all .4s;display:inline-flex;position:relative;overflow:hidden}.primary-btn:before{content:"";background:var(--blue);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.primary-btn:hover:not(.disabled):before{transform:translate(0)}.primary-btn span,.primary-btn{z-index:1;position:relative}.primary-btn:hover:not(.disabled){transform:translateY(-2px)}.primary-btn.disabled{opacity:.4;cursor:not-allowed}.primary-btn.large{padding:20px 48px;font-size:.85rem}.secondary-btn{color:var(--navy);text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--navy);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:100%;max-width:320px;padding:16px 32px;font-size:.8rem;font-weight:500;transition:all .3s;display:inline-flex}.secondary-btn:hover{background:var(--navy);color:var(--cream)}.wellbeing-scale{background:var(--white);border:1px solid #1a2e4a14;margin-bottom:40px;padding:32px}.scale-visual{height:56px;margin-bottom:20px;position:relative}.scale-track{background:linear-gradient(90deg,var(--navy),var(--light-blue),var(--gold));opacity:.3;height:4px;position:absolute;bottom:0;left:0;right:0}.scale-fill{background:0 0;height:100%}.scale-indicator{transition:left .2s;position:absolute;bottom:12px;transform:translate(-50%)}.indicator-value{background:var(--white);border:2px solid var(--gold);width:48px;height:48px;color:var(--navy);justify-content:center;align-items:center;font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:500;display:flex;box-shadow:0 4px 20px #1a2e4a1a}.scale-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:4px;margin:12px 0}.scale-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:grab;width:20px;height:20px;transition:transform .15s}.scale-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.scale-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(.95)}.scale-slider::-moz-range-thumb{background:var(--gold);cursor:grab;border:none;width:20px;height:20px}.scale-labels{color:var(--navy);opacity:.4;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;margin-top:12px;font-size:.7rem;display:flex}.scale-description{text-align:left;background:#1a2e4a08;margin-top:24px;padding:20px}.scale-description p{color:var(--navy);opacity:.7;margin:0;font-size:.9375rem;line-height:1.6}.desc-low{color:var(--navy)!important;opacity:1!important}.desc-high{color:var(--gold)!important;opacity:1!important}.options-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:40px;display:grid}@media (max-width:480px){.options-grid{grid-template-columns:1fr}}.option-card{background:var(--white);cursor:pointer;text-align:left;border:1px solid #1a2e4a1a;padding:20px 24px;transition:all .3s;position:relative}.option-card:hover{border-color:var(--gold);transform:translateY(-2px)}.option-card.selected{border-color:var(--gold);background:#d4a0390d}.option-label{color:var(--navy);font-size:.9375rem;font-weight:400}.option-card.selected .option-label{color:var(--navy)}.check-mark{background:var(--gold);width:24px;height:24px;color:var(--navy);justify-content:center;align-items:center;animation:.2s pop-in;display:flex;position:absolute;top:12px;right:12px}@keyframes pop-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.commitment-options{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.commitment-card{background:var(--white);cursor:pointer;text-align:left;border:1px solid #1a2e4a1a;align-items:center;gap:24px;padding:24px 28px;transition:all .3s;display:flex}.commitment-card:hover{border-color:var(--gold);transform:translate(4px)}.commitment-card.selected{border-color:var(--gold);background:#d4a0390d}.commitment-time{color:var(--gold);min-width:80px;font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:400}.commitment-label{color:var(--navy);font-size:1rem;font-weight:500;display:block}.commitment-desc{color:var(--navy);opacity:.5;margin-top:4px;font-size:.875rem;display:block}.results-step{max-width:640px;padding-bottom:40px}.results-header{margin-bottom:40px}.results-badge{background:var(--gold);color:var(--navy);text-transform:uppercase;letter-spacing:.2em;margin-bottom:20px;padding:8px 20px;font-size:.7rem;font-weight:500;display:inline-block}.results-title{color:var(--navy);margin-bottom:12px;font-family:Cormorant Garamond,serif;font-size:2.25rem;font-weight:400}.results-subtitle{color:var(--navy);opacity:.6;font-size:1rem}.attachment-style-card{background:var(--white);text-align:center;border:1px solid #1a2e4a14;margin-bottom:24px;padding:40px;position:relative}.attachment-style-card:before{content:"";background:linear-gradient(90deg,var(--navy),var(--blue),var(--gold));height:3px;position:absolute;top:0;left:0;right:0}.style-label{color:var(--navy);opacity:.4;text-transform:uppercase;letter-spacing:.2em;margin-bottom:16px;font-size:.7rem}.style-name{color:var(--navy);margin:0 0 20px;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:400}.style-description{color:var(--navy);opacity:.6;margin:0 0 24px;font-size:1rem;line-height:1.7}.style-traits{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.trait-tag{color:var(--navy);background:0 0;border:1px solid #1a2e4a26;padding:8px 16px;font-size:.8rem;font-weight:400}.score-card{background:var(--white);border:1px solid #1a2e4a14;margin-bottom:24px;padding:40px}.score-label{color:var(--navy);opacity:.4;text-transform:uppercase;letter-spacing:.2em;margin-bottom:20px;font-size:.7rem}.score-display{justify-content:center;margin-bottom:20px;display:flex}.score-ring{width:140px;height:140px;position:relative}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#1a2e4a14;stroke-width:6px}.ring-progress{fill:none;stroke:var(--gold);stroke-width:6px;stroke-linecap:square;transition:stroke-dasharray 1s}.score-value{color:var(--navy);font-family:Cormorant Garamond,serif;font-size:3rem;font-weight:400;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-max{color:var(--navy);opacity:.4;font-size:1rem}.score-interpretation{color:var(--navy);opacity:.6;margin:0;font-size:.9375rem;line-height:1.6}.focus-areas{margin-bottom:32px}.section-title{color:var(--navy);text-align:left;margin-bottom:20px;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:400}.focus-tags{flex-wrap:wrap;gap:10px;display:flex}.focus-tag{color:var(--navy);border:1px solid var(--gold);background:#d4a0391a;padding:10px 20px;font-size:.875rem;font-weight:400}.insights-section{margin-bottom:32px}.insights-list{flex-direction:column;gap:16px;display:flex}.insight-card{background:var(--white);text-align:left;border:1px solid #1a2e4a14;padding:24px}.insight-title{color:var(--navy);margin:0 0 12px;font-family:Cormorant Garamond,serif;font-size:1.125rem;font-weight:500}.insight-desc{color:var(--navy);opacity:.6;margin:0 0 16px;font-size:.9375rem;line-height:1.6}.insight-rec{background:#1a2e4a08;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.rec-label{color:var(--navy);opacity:.4;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:.7rem;font-weight:500}.rec-text{color:var(--gold);font-size:.875rem;font-weight:500}.journey-preview{margin-bottom:40px}.journey-timeline{flex-direction:column;gap:0;display:flex}.timeline-item{text-align:left;border-bottom:1px solid #1a2e4a14;gap:20px;padding:20px 0;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-week{color:var(--gold);min-width:80px;font-family:Cormorant Garamond,serif;font-size:1rem;font-weight:500}.timeline-content{color:var(--navy);opacity:.6;font-size:.9375rem}.results-cta{flex-direction:column;align-items:center;gap:16px;display:flex}@media (max-width:640px){.assessment-container{padding:16px}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.step-title,.results-title{font-size:1.75rem}.commitment-card{flex-direction:column;align-items:flex-start;gap:8px}.commitment-time{font-size:1.5rem}}