:root{--bg: #0f172a;--card: #0b1220;--text: #e6eef8;--muted: #9fb0c8;--accent: #06b6d4;--accent-dark: #0891b2;--error: #ef4444;--success: #10b981;--header-height: 60px;--footer-height: 60px;--transition-speed: .2s;--content-width: 1200px;--border-radius: 12px}html,body,#root{height:100%;margin:0;padding:0;background:linear-gradient(180deg,#071028,#071a2b);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text)}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:var(--content-width);margin:0 auto;padding:0 20px}.main-content{flex:1;margin:20px 0;padding:20px;background:#ffffff05;border-radius:var(--border-radius);box-shadow:0 6px 24px #02061799}h1,h2,h3,h4,h5,h6{margin:0 0 12px;font-weight:700}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}p{color:var(--muted);margin:0 0 16px;line-height:1.5}.app-header{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);padding:0 10px}.app-logo{font-size:24px;font-weight:800;background:linear-gradient(90deg,var(--accent),#22d3ee);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;cursor:pointer;margin:0}.main-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nav-button{display:flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.04);color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;transition:all var(--transition-speed)}.nav-button.active{background:#06b6d433;border-color:#06b6d44d}.nav-button:hover:not(:disabled){background:#ffffff14;transform:translateY(-1px)}.nav-button:disabled{opacity:.5;cursor:not-allowed}.nav-icon{font-size:16px}.form-layout{display:flex;gap:24px;align-items:flex-start}.form-panel{flex:1;min-width:0}.sport-plan-form{margin-bottom:24px}.form-description{margin-bottom:24px;color:var(--muted);font-size:15px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.preferences-section{margin:24px 0}.preferences-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:6px;background:#ffffff0a;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s}.checkbox-label:hover{background:#ffffff14}.checkbox-label input[type=checkbox]{width:auto;margin:0}.range-value{text-align:center;margin-top:6px;font-size:14px;color:var(--accent);font-weight:500}form{display:flex;flex-direction:column;gap:16px}label{display:flex;flex-direction:column;font-size:14px;color:var(--text)}label>span{margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:500}input,select,textarea,button{font-family:inherit;font-size:14px}input,select,textarea{padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:var(--text);width:100%;box-sizing:border-box;transition:border-color var(--transition-speed)}input[type=range]{padding:0;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#06b6d433;outline:none;border-radius:3px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}input:focus,select:focus,textarea:focus{border-color:#06b6d480;outline:none;box-shadow:0 0 0 2px #06b6d41a}textarea{min-height:80px;resize:vertical}button[type=submit],.view-result-btn{padding:14px 20px;border-radius:10px;border:none;background:linear-gradient(90deg,var(--accent-dark),var(--accent));color:#06202a;font-weight:700;cursor:pointer;transition:all var(--transition-speed);text-align:center;box-shadow:0 2px 10px #06b6d433;margin-top:8px}button.loading{position:relative;padding-left:42px}button.loading:before{content:"";position:absolute;left:16px;top:50%;margin-top:-7px;width:14px;height:14px;border:2px solid rgba(0,0,0,.2);border-top-color:#000c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button[type=submit]:hover,.view-result-btn:hover{transform:translateY(-1px);box-shadow:0 3px 12px #06b6d466}.preview-panel-desktop{width:380px;flex:0 0 380px}.preview-panel-mobile{display:none;margin-top:20px;overflow:hidden;height:0;opacity:0;transition:all var(--transition-speed)}.preview-panel-mobile.visible{height:auto;opacity:1}.preview-toggle{width:100%;padding:10px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);border-radius:8px;color:var(--text);cursor:pointer;margin-bottom:16px}.preview-section{margin-bottom:20px;padding:16px;border-radius:var(--border-radius);background:#ffffff03;border:1px solid rgba(255,255,255,.02)}.preview-heading{margin-top:0;margin-bottom:12px;font-size:16px;color:var(--accent)}.preview-code{white-space:pre-wrap;background:#0000000f;padding:12px;border-radius:8px;color:var(--text);font-family:Courier New,monospace;font-size:13px;max-height:40vh;overflow:auto;margin:0}.app-footer{display:flex;justify-content:space-between;align-items:center;height:var(--footer-height);margin-top:20px;padding:0 10px;border-top:1px solid rgba(255,255,255,.05);font-size:13px}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--muted);text-decoration:none;transition:color var(--transition-speed)}.footer-links a:hover{color:var(--accent)}.view-transitioning{opacity:.6;transition:opacity .15s}.result-container{padding:20px 0}.action-buttons{display:flex;justify-content:center;gap:12px;margin-top:20px}.back-button{padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:var(--text);cursor:pointer}.construction-page{padding-bottom:40px}.construction-header{margin-bottom:30px;text-align:center}.construction-form{margin-bottom:30px}.quality-selector{display:flex;gap:10px}.quality-btn{flex:1;padding:10px 15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);cursor:pointer;transition:all .2s}.quality-btn.active{background:#06b6d433;border-color:#06b6d466}.quality-btn:hover:not(.active){background:#ffffff1a}.room-selector{display:flex;align-items:center;gap:15px;justify-content:space-between;max-width:200px}.room-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.room-btn:hover:not(:disabled){background:#ffffff1a}.room-btn:disabled{opacity:.3;cursor:not-allowed}.room-count{font-size:24px;font-weight:500;min-width:30px;text-align:center}.checkbox-container{display:flex;flex-direction:column}.toggle-switch{position:relative;display:inline-block;margin-top:10px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-label{display:flex;align-items:center;cursor:pointer}.toggle-inner{position:relative;display:inline-block;width:50px;height:26px;background-color:#ffffff1a;border-radius:26px;transition:all .2s}.toggle-inner:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--text);border-radius:50%;transition:all .2s}input:checked+.toggle-label .toggle-inner{background-color:#06b6d499}input:checked+.toggle-label .toggle-inner:before{transform:translate(24px);background-color:var(--accent)}.toggle-switch-label{margin-left:12px;font-size:14px}.budget-input{position:relative}.currency-symbol{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:var(--muted);font-weight:500}.budget-input input{padding-left:28px}.generate-btn{margin-top:20px}.estimate-results{margin-top:40px;border-top:1px solid rgba(255,255,255,.05);padding-top:30px}.estimate-header{text-align:center;margin-bottom:30px}.estimate-header h3{font-size:22px;color:var(--accent);margin-bottom:8px}.estimate-validity{color:var(--muted);font-size:14px;margin-bottom:16px}.estimate-cost-range{display:flex;flex-direction:column;align-items:center;gap:5px}.cost-range-label{font-size:14px;color:var(--muted)}.cost-range-value{font-size:24px;font-weight:700;color:var(--accent)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:30px}.option-card{position:relative;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius);padding:20px;transition:transform .3s,box-shadow .3s}.option-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.option-card.recommended{border-color:var(--accent);box-shadow:0 0 15px #06b6d426}.recommended-badge{position:absolute;top:-12px;right:20px;background:var(--accent);color:#06202a;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.option-price{font-size:28px;font-weight:700;margin:15px 0;color:var(--text)}.option-timeline{display:flex;align-items:center;gap:6px;margin-bottom:12px;font-size:14px}.option-materials{font-size:14px;margin-bottom:20px;line-height:1.5;color:var(--muted)}.option-details{margin:20px 0}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pros h5,.cons h5{margin-top:0;margin-bottom:10px;font-size:14px}.pros h5{color:#10b981}.cons h5{color:#ef4444}.pros ul,.cons ul{margin:0;padding-left:16px;font-size:13px;line-height:1.4}.pros li,.cons li{margin-bottom:5px}.select-option-btn{width:100%;padding:10px 0;background:#06b6d426;border:1px solid rgba(6,182,212,.3);border-radius:8px;color:var(--text);font-weight:500;cursor:pointer;transition:all .2s}.select-option-btn:hover{background:#06b6d440}.breakdown-table{margin:30px 0;overflow-x:auto}.breakdown-table table{width:100%;border-collapse:collapse}.breakdown-table th,.breakdown-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.breakdown-table th{background:#ffffff05;font-weight:600;color:var(--accent)}.cost-cell{text-align:right;font-family:monospace;font-size:16px}.total-row{background:#06b6d40d}.total-row .cost-cell{color:var(--accent)}.notes-list{margin:20px 0;padding:0;list-style:none}.note-item{position:relative;padding:15px 15px 15px 25px;border-bottom:1px solid rgba(255,255,255,.05)}.note-item:before{content:"•";position:absolute;left:8px;color:var(--accent)}.note-item:last-child{border-bottom:none}.save-estimate-btn,.email-estimate-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.save-estimate-btn{background:linear-gradient(90deg,var(--accent-dark),var(--accent));border:none;color:#06202a}.email-estimate-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text)}@media (max-width: 768px){.options-grid,.pros-cons{grid-template-columns:1fr}.estimate-results{margin-top:30px}.action-buttons{flex-direction:column}.room-selector{max-width:100%}}.result-view{max-width:800px;margin:0 auto}.result-header{text-align:center;margin-bottom:30px}.result-header h2{font-size:28px;margin-bottom:8px;background:linear-gradient(90deg,var(--accent),#22d3ee);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.plan-date{font-size:16px;color:var(--muted);margin-bottom:16px}.result-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.meta-item{display:flex;align-items:center;gap:6px;background:#ffffff0a;padding:8px 14px;border-radius:8px;font-size:14px}.meta-icon{font-size:16px}.result-tabs{display:flex;gap:2px;margin-bottom:24px;background:#0000001a;border-radius:10px;padding:4px}.tab-button{flex:1;background:transparent;border:none;color:var(--muted);padding:10px;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.tab-button.active{background:#06b6d433;color:var(--text)}.result-content{min-height:400px}.overview-card,.timeline-card,.cost-card,.equipment-card,.safety-card,.notes-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--border-radius);padding:20px;margin-bottom:24px}.timeline{margin:24px 0}.timeline-item{display:flex;margin-bottom:24px;gap:12px}.timeline-time{width:60px;text-align:right;font-weight:600;color:var(--accent);padding-top:2px}.timeline-connector{display:flex;flex-direction:column;align-items:center;width:24px}.timeline-dot{width:12px;height:12px;background:var(--accent);border-radius:50%}.timeline-line{width:2px;flex:1;background:#06b6d44d;margin:4px 0}.timeline-activity{flex:1;padding-bottom:12px}.cost-details{margin-top:16px}.cost-amount,.cost-included,.cost-extras{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px}.cost-label{font-weight:500;color:var(--muted);min-width:100px}.cost-value{font-size:20px;font-weight:700;color:var(--accent)}.equipment-list,.safety-list{list-style:none;padding:0;margin:20px 0 0}.equipment-item,.safety-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;line-height:1.4}.equipment-icon,.safety-icon{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;flex-shrink:0}.alternatives-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:24px}.alternative-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius);padding:16px;transition:transform .2s,box-shadow .2s}.alternative-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.alternative-card h4{margin:0 0 16px;color:var(--accent)}.alternative-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.alternative-detail{display:flex;justify-content:space-between;font-size:14px}.detail-label{color:var(--muted)}.select-alternative-btn{width:100%;padding:8px 0;background:#06b6d426;border:1px solid rgba(6,182,212,.3);border-radius:6px;color:var(--text);cursor:pointer;transition:all .2s}.select-alternative-btn:hover{background:#06b6d44d}.result-actions{display:flex;justify-content:center;gap:16px;margin-top:40px}.regenerate-btn,.save-btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s}.regenerate-btn{background:#06b6d433;color:var(--text);border:1px solid rgba(6,182,212,.4)}.regenerate-btn:hover{background:#06b6d44d}.save-btn{background:linear-gradient(90deg,var(--accent-dark),var(--accent));color:#06202a}.save-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #06b6d44d}@media (max-width: 600px){.result-meta{flex-direction:column;gap:10px;align-items:center}.result-tabs{flex-direction:column;gap:4px}.tab-button{text-align:left;padding:12px}.timeline-item{gap:8px}.timeline-time{width:50px;font-size:13px}.timeline-activity{font-size:14px}.result-actions{flex-direction:column;gap:12px}.regenerate-btn,.save-btn{width:100%}}.success-notification{position:fixed;bottom:20px;right:20px;padding:12px 18px;background:var(--success);color:#fff;border-radius:8px;box-shadow:0 3px 10px #0003;animation:slideIn .3s ease-out,fadeOut .3s ease-in 2.7s forwards;z-index:1000}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}section{margin-top:18px;padding:16px;border-radius:var(--border-radius);background:#ffffff03;border:1px solid rgba(255,255,255,.02)}ol,ul{padding-left:20px}button,input,select,textarea{touch-action:manipulation}@media (max-width: 900px){.app-container{padding:0 12px}.form-layout{flex-direction:column}.preview-panel-desktop{display:none}.preview-panel-mobile{display:block}.main-content{padding:16px;margin:15px 0}}@media (max-width: 600px){:root{--bg: #071227;--header-height: 50px;--footer-height: 50px}.app-header{flex-direction:column;height:auto;padding:12px 0;gap:10px}.main-nav{width:100%;justify-content:center}.nav-button{padding:8px 12px;font-size:13px}.nav-text{font-size:12px}h1{font-size:22px}h2{font-size:20px}h3{font-size:18px}.preview-code{font-size:12px;max-height:30vh}.app-footer{flex-direction:column;height:auto;padding:12px 0;gap:10px;text-align:center}.footer-links{width:100%;justify-content:center}}.home-page{padding:0 16px}.hero-section{text-align:center;padding:40px 0 60px}.hero-title{font-size:40px;margin-bottom:16px;line-height:1.2}.highlight{background:linear-gradient(90deg,var(--accent),#22d3ee);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:18px;color:var(--muted);max-width:600px;margin:0 auto 32px;line-height:1.6}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.primary-btn{padding:12px 24px;background:linear-gradient(90deg,var(--accent-dark),var(--accent));border:none;border-radius:8px;color:#06202a;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #06b6d466}.secondary-btn{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.secondary-btn:hover{background:#ffffff1a}.btn-icon{font-size:18px}.features-section{padding:60px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:40px}.feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius);padding:24px;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:28px;margin-bottom:16px}.feature-card h3{margin:0 0 12px;font-size:18px;color:var(--accent)}.feature-card p{font-size:14px;line-height:1.6;margin:0}.about-section,.verticals-section{padding:60px 0;border-top:1px solid rgba(255,255,255,.05)}.about-section p{max-width:800px;margin:16px 0;line-height:1.7}.verticals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:40px}.vertical-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius);overflow:hidden;transition:transform .3s}.vertical-card:hover{transform:translateY(-5px)}.vertical-image{height:180px;background-size:cover;background-position:center}.vertical-image.adventure{background-image:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1607962837359-5e7e89f86776?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80)}.vertical-image.construction{background-image:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=600&q=80)}.vertical-card h3{margin:20px 20px 10px;color:var(--accent)}.vertical-card p{margin:0 20px 20px;font-size:14px;line-height:1.6}.text-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600;padding:0 20px 20px;text-align:left;transition:color .2s}.text-btn:hover{color:#22d3ee;text-decoration:underline}.cta-section{text-align:center;padding:80px 0 40px;border-top:1px solid rgba(255,255,255,.05)}.cta-section h2{margin-bottom:16px}.cta-section p{max-width:600px;margin:0 auto 32px}.cta-btn{margin:0 auto}@media (max-width: 768px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.features-grid,.verticals-grid{grid-template-columns:1fr}.about-section,.verticals-section,.features-section{padding:40px 0}.cta-section{padding:60px 0 30px}}:focus{outline:2px solid rgba(14,165,191,.25);outline-offset:2px}