.quote-page{max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-primary)}.quote-header{text-align:center;margin-bottom:3rem}.quote-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-secondary)}.quote-header .subtitle{font-size:1.2rem;color:var(--text-primary);opacity:.8}.form-card{background:var(--background-light);border-radius:var(--border-radius);padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px rgba(0,0,0,.1)}.form-card h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-secondary)}.step-container{animation:fadeIn .3s ease-in-out}.measurements-section,.paint-grade-section,.project-type-section{background:var(--background-light);border-radius:var(--border-radius);padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.paint-grade-options,.project-type-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.paint-grade-option,.project-type-option{background:var(--background-lighter);border-radius:var(--border-radius);padding:1.5rem;cursor:pointer;transition:var(--transition);border:1px solid rgba(255,255,255,.1)}.paint-grade-option:hover,.project-type-option:hover{transform:translateY(-2px);border-color:var(--accent)}.paint-grade-option.selected,.project-type-option.selected{border-color:var(--accent);background:rgba(42,159,214,.1)}.paint-grade-option h3,.project-type-option h3{color:var(--text-secondary);margin-bottom:1rem}.project-type-details p{margin:.5rem 0;color:var(--text-primary);opacity:.9}.paint-grade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.price-range{color:var(--accent);font-size:.9rem}.description{color:var(--text-primary);opacity:.9;margin-bottom:1rem;font-size:.9rem}.coverage{color:var(--text-secondary);font-size:.9rem}.input-method-toggle{display:flex;gap:1rem;margin-bottom:2rem;background:var(--background-lighter);padding:.5rem;border-radius:var(--border-radius);width:fit-content}.toggle-button{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-weight:500}.toggle-button.active{background:var(--accent);color:white}.toggle-button:hover:not(.active){background:rgba(255,255,255,.1)}.total-area-input{background:var(--background-lighter);padding:1.5rem;border-radius:var(--border-radius);margin-bottom:1rem}.total-area-input .dimension-input{max-width:300px}.total-area-input input{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:var(--background-light);color:var(--text-primary)}.measurements-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:1rem}.openings-container h3,.walls-container h3{margin-bottom:1rem;color:var(--text-secondary)}.wall-card{background:var(--background-lighter);padding:1.5rem;border-radius:var(--border-radius);margin-bottom:1rem}.wall-header{justify-content:space-between;margin-bottom:1rem}.wall-controls,.wall-header{display:flex;align-items:center}.wall-controls{gap:.5rem}.input-toggle{background:var(--background-light);color:var(--text-secondary);border:none;border-radius:4px;padding:.4rem .8rem;font-size:.8rem;cursor:pointer;transition:var(--transition)}.input-toggle.active{background:var(--accent);color:white}.input-toggle:hover:not(.active){background:rgba(255,255,255,.15)}.wall-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:300px}.wall-inputs.single-input{grid-template-columns:1fr;max-width:150px}.dimension-input{display:flex;flex-direction:column;gap:.5rem}.dimension-input input{width:100%;max-width:120px;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:var(--background-light);color:var(--text-primary)}.add-wall{width:100%;padding:1rem;background:var(--accent);color:white;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.remove-wall{background:rgba(255,99,99,.2);color:#ff6363;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.openings-card{background:var(--background-lighter);padding:1.5rem;border-radius:var(--border-radius)}.opening-input{margin-bottom:1.5rem}.opening-input label{display:block;margin-bottom:.5rem}.opening-input input{width:100%;max-width:150px;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:var(--background-light);color:var(--text-primary)}.help-text{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.result-card{background:var(--background-lighter);padding:1.5rem;border-radius:var(--border-radius)}.result-items{display:flex;flex-direction:column;gap:1rem}.result-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap;gap:1rem}.result-item span:first-child{flex-shrink:0}.result-item span:last-child{text-align:right}.result-item.total{font-size:1.2rem;font-weight:700;color:var(--accent);border-bottom:none;margin-top:.5rem;padding-top:1rem;border-top:2px solid rgba(255,255,255,.1)}.time-estimate{margin-bottom:1.5rem}.time-estimate h4{color:var(--text-secondary);margin-bottom:.5rem}.time-estimate p{font-size:1.2rem;margin:.5rem 0}.dimensions-choice{display:flex;align-items:flex-start;gap:2rem}.walls-section{flex:1}.dimensions-divider{display:flex;align-items:center;padding:2rem 0}.dimensions-divider span{padding:.5rem 1rem;color:var(--text-secondary);font-size:.9rem}.dimensions-divider span,.total-sqft-section{background:var(--background-lighter);border-radius:var(--border-radius)}.total-sqft-section{flex:0 0 200px;padding:1.5rem}.total-sqft-section .dimension-input input{width:100%;max-width:120px}@media (max-width:768px){.dimensions-choice{flex-direction:column;gap:1rem}.dimensions-divider{padding:1rem 0}.total-sqft-section{width:100%;flex:none}.input-method-toggle{width:100%;justify-content:center}.toggle-button{flex:1;text-align:center}}@media (max-width:968px){.measurements-grid,.paint-grade-options,.project-type-options,.results-grid{grid-template-columns:1fr}}@media (max-width:480px){.quote-page{padding:1rem}.wall-inputs{grid-template-columns:1fr}.quote-header h1{font-size:2rem}}.paint-grade-section{position:relative}.coats-selector{margin:2rem auto 0;padding:1.5rem;background:var(--background-lighter);border-radius:var(--border-radius);max-width:300px;text-align:center}.coats-selector h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text-secondary)}.coats-input{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.coats-input span{font-size:1.2rem;min-width:30px;text-align:center}.coat-button{background:var(--background-light);color:var(--text-primary);width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:8px}.coat-button:hover{background:var(--accent);transform:none}@media (max-width:480px){.wall-controls{flex-direction:column;align-items:flex-start;gap:.5rem}.input-toggle{width:100%}}.step-container{display:none}.step-container.active{display:block;animation:fadeIn .3s ease-in-out}.step-navigation{display:flex;justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.step-button{padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.step-button.previous{background:var(--background-lighter);color:var(--text-primary)}.step-button.next{background:var(--accent);color:white}.step-button:disabled{opacity:.5;cursor:not-allowed}.step-progress{display:flex;justify-content:center;gap:1rem;margin:2rem 0}.step-dot{width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.step-dot.active{background-color:var(--accent);border-color:var(--accent);transform:scale(1.2)}.step-dot:hover{border-color:rgba(255,255,255,.5)}.step-dot.completed{background-color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.6)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.disclaimer-card{background:var(--background-lighter);padding:1.5rem;border-radius:var(--border-radius);margin-top:2rem;text-align:center}.disclaimer-text{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem}.disclaimer-card .call-button{display:inline-block;padding:.75rem 1.5rem;background:var(--accent);color:white;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:var(--transition)}.disclaimer-card .call-button:hover{background:var(--accent-dark);transform:translateY(-1px)}