*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4a90e2;--secondary-color: #50e3c2;--accent-color: #f5a623;--background-color: #f8fafb;--card-background: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #e8eaed;--success-color: #7ed321;--warning-color: #f8e71c;--error-color: #d0021b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--border-radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--background-color) 0%,#e8f5f2 100%);color:var(--text-primary);line-height:1.6;background-image:url(https://picsum.photos/id/1036/1920/1080);background-size:cover;background-attachment:fixed;background-position:center;background-blend-mode:overlay}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;z-index:-1}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 16px}}.card{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:24px;margin-bottom:24px;transition:var(--transition);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-group{margin-bottom:24px}.form-label{display:block;font-weight:600;margin-bottom:10px;color:var(--text-primary);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:16px;transition:var(--transition);background:var(--card-background);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a;transform:translateY(-1px)}.form-textarea{width:100%;padding:16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:16px;font-family:inherit;resize:vertical;min-height:140px;transition:var(--transition);background:var(--card-background);color:var(--text-primary)}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a;transform:translateY(-1px)}.checkbox-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition);background:var(--card-background)}.checkbox-item:hover{border-color:var(--primary-color);background:#4a90e20d}.checkbox-item input:checked+span{color:var(--primary-color);font-weight:600}.radio-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.radio-item{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 20px;border:2px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition);background:var(--card-background);font-weight:500}.radio-item:hover{border-color:var(--primary-color);background:#4a90e20d}.radio-item input:checked+span{color:var(--primary-color);font-weight:600}.map-component{margin:24px 0}.map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.map-header h3{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.map-container{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-lg);transition:var(--transition)}.map-container:hover{box-shadow:0 12px 48px #0003}.map-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content{text-align:center;color:var(--text-primary)}.loading-spinner{width:24px;height:24px;border:3px solid rgba(74,144,226,.2);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.loading-spinner-large{width:48px;height:48px;border:4px solid rgba(74,144,226,.2);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.map-note{margin-top:12px;font-size:12px;color:var(--text-secondary);text-align:center;font-style:italic}.result-container{position:relative}.result-container:before{content:"";position:absolute;top:-24px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-radius:2px}.timeline-item{position:relative;margin-bottom:32px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-item:before{content:"";position:absolute;left:-36px;top:4px;width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--primary-color);box-shadow:0 2px 8px #4a90e24d;transition:var(--transition);z-index:1}.timeline-item:hover:before{transform:scale(1.2);box-shadow:0 4px 16px #4a90e280}.budget-bar{width:100%;height:24px;background-color:#f0f4f8;border-radius:12px;overflow:hidden;margin:16px 0;position:relative;box-shadow:inset 0 2px 4px #0000001a}.budget-bar-fill{height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:12px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));box-shadow:0 2px 8px #4a90e24d;position:relative}.budget-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.budget-bar-fill.under{background:linear-gradient(90deg,var(--success-color),#a5d6a7)}.budget-bar-fill.over{background:linear-gradient(90deg,var(--error-color),#ef9a9a)}.budget-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}.budget-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:var(--border-radius);transition:var(--transition);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.budget-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color)}.budget-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.budget-item-label{font-size:14px;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.budget-item-value{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.suggestions-list{list-style-type:none;padding-left:0;margin-top:16px}.suggestions-list li{margin-bottom:12px;color:var(--text-secondary);padding:12px 16px;background:#4a90e20d;border-radius:var(--border-radius);border-left:4px solid var(--primary-color);transition:var(--transition)}.suggestions-list li:hover{background:#4a90e21a;transform:translate(4px)}button{transition:var(--transition);font-weight:600;text-transform:none;letter-spacing:normal}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition);position:relative}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}a:hover:after{width:100%}h1{font-size:36px;font-weight:700;margin-bottom:32px;color:var(--text-primary);text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}h2{font-size:28px;font-weight:600;margin-bottom:24px;color:var(--text-primary);position:relative;padding-bottom:12px}h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}h3{font-size:22px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}@media (max-width: 768px){h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}.card{padding:20px;margin-bottom:20px}.budget-breakdown{grid-template-columns:1fr;gap:16px}.timeline{padding-left:32px}.timeline-item:before{left:-28px;width:20px;height:20px;border-width:3px}}.result-container{margin-top:24px}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background-color:#e5e7eb}.timeline-item{position:relative;margin-bottom:24px}.timeline-item:before{content:"";position:absolute;left:-30px;top:4px;width:18px;height:18px;border-radius:50%;background-color:#3b82f6;border:2px solid white;box-shadow:0 0 0 2px #3b82f6}.budget-bar{width:100%;height:20px;background-color:#e5e7eb;border-radius:10px;overflow:hidden;margin:12px 0}.budget-bar-fill{height:100%;transition:width .3s ease;border-radius:10px}.budget-bar-fill.under{background-color:#10b981}.budget-bar-fill.over{background-color:#ef4444}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.success-message{background-color:#d1fae5;color:#065f46;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}h1{font-size:28px;font-weight:700;margin-bottom:24px;color:#1f2937}h2{font-size:24px;font-weight:600;margin-bottom:16px;color:#1f2937}h3{font-size:20px;font-weight:600;margin-bottom:12px;color:#374151}.suggestions-list{list-style-type:disc;padding-left:20px;margin-top:12px}.suggestions-list li{margin-bottom:8px;color:#4b5563}.budget-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.budget-item{background-color:#f9fafb;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.budget-item-label{font-size:14px;color:#6b7280;margin-bottom:4px}.budget-item-value{font-size:20px;font-weight:600;color:#1f2937}@media (max-width: 640px){.budget-breakdown{grid-template-columns:1fr}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}