*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navigation{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 4px 25px #00000014;border-bottom:1px solid rgba(255,255,255,.2)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{text-decoration:none;color:#2c3e50}.logo-text{font-size:24px;font-weight:700;color:#2c3e50}.nav-menu{display:flex;gap:30px;align-items:center}.nav-link{text-decoration:none;color:#2c3e50;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover,.nav-link.active{color:#f093fb}.nav-link.active:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:linear-gradient(45deg,#667eea,#f093fb)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger span{width:25px;height:3px;background:#2c3e50;transition:.3s}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;margin-top:70px}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:6px;text-decoration:none;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.btn-primary{background:#1a1a1a;color:#fff;position:relative;overflow:hidden}.btn-primary:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-secondary{background:transparent;color:#1a1a1a;border:2px solid #1a1a1a;position:relative;overflow:hidden}.btn-secondary:hover{background:#1a1a1a;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-large{padding:16px 32px;font-size:18px}.home{overflow-x:hidden}.hero{background:#fafafa;padding:120px 0 80px;position:relative}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-content h1{font-size:3.5rem;font-weight:700;color:#1a1a1a;margin-bottom:24px;line-height:1.1}.hero-content p{font-size:1.25rem;color:#666;margin-bottom:40px;line-height:1.6}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-visual{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px #0000001a}.hero-visual img{width:100%;height:450px;object-fit:cover;transition:transform .3s ease}.hero-visual:hover img{transform:scale(1.02)}.services{padding:100px 0;background:#fff}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:16px}.section-header p{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.service-card{background:#fafafa;padding:40px 32px;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid #f0f0f0}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000014;background:#fff}.service-icon{width:48px;height:48px;margin:0 auto 24px;background:#1a1a1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.service-card h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:12px}.service-card p{color:#666;line-height:1.6;font-size:.95rem}.showcase{padding:100px 0;background:#fafafa}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.showcase-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #0000000f;transition:all .3s ease;border:1px solid #f0f0f0}.showcase-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.showcase-item img{width:100%;height:240px;object-fit:cover;transition:transform .3s ease}.showcase-item:hover img{transform:scale(1.02)}.showcase-content{padding:28px;background:#fff}.showcase-content h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:8px}.showcase-content p{color:#666;line-height:1.6;font-size:.95rem}.cta{padding:100px 0;background:#1a1a1a;color:#fff;text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.cta-content p{font-size:1.125rem;margin-bottom:40px;opacity:.9;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.page-header{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;padding:80px 0 50px;text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain3" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain3)"/></svg>');pointer-events:none}.page-header h1{font-size:2.5rem;margin-bottom:15px}.page-header p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.pricing-section{padding:80px 0;background:#f8f9fa}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px}.pricing-card{background:#fff;border-radius:12px;padding:40px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease;position:relative}.pricing-card:hover{transform:translateY(-10px)}.pricing-card.featured{border:3px solid #667eea;transform:scale(1.05);position:relative}.pricing-card.featured:after{content:"★ MOST POPULAR ★";position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(45deg,#667eea,#f093fb);color:#fff;padding:8px 20px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 4px 15px #667eea4d}.pricing-header h3{font-size:1.5rem;margin-bottom:20px;color:#2c3e50}.price{font-size:3rem;font-weight:700;background:linear-gradient(45deg,#667eea,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.price-subtitle{color:#7f8c8d;margin-bottom:30px}.pricing-features{list-style:none;margin-bottom:30px;text-align:left}.pricing-features li{padding:10px 0;border-bottom:1px solid #ecf0f1;color:#2c3e50}.pricing-features li:last-child{border-bottom:none}.additional-services{padding:80px 0}.additional-services h2{text-align:center;font-size:2.5rem;margin-bottom:60px;color:#2c3e50}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.service-item{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 15px #0000001a;text-align:center}.service-item h4{font-size:1.3rem;margin-bottom:15px;color:#2c3e50}.service-item p{color:#7f8c8d;margin-bottom:20px}.service-price{font-size:1.2rem;font-weight:700;color:#3498db}.contact-section{padding:80px 0;background:#f8f9fa}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}.contact-info h2,.contact-form h2{font-size:2rem;margin-bottom:30px;color:#2c3e50}.info-item{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px}.info-icon{font-size:1.5rem;margin-top:5px}.info-item h4{font-size:1.2rem;margin-bottom:10px;color:#2c3e50}.info-item p{color:#7f8c8d;line-height:1.6}.contact-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #ecf0f1;border-radius:6px;font-size:16px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.gallery-section{padding:80px 0;background:#f8f9fa}.gallery-filters{display:flex;justify-content:center;gap:20px;margin-bottom:60px}.filter-btn{padding:12px 24px;border:2px solid #3498db;background:transparent;color:#3498db;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn.active,.filter-btn:hover{background:#3498db;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.gallery-item{border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.gallery-image{position:relative;overflow:hidden}.gallery-image img{width:100%;height:250px;object-fit:cover;transition:transform .3s ease}.gallery-item:hover .gallery-image img{transform:scale(1.05)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:30px;transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-overlay h3{font-size:1.3rem;margin-bottom:10px}.gallery-overlay p{opacity:.9}.footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:60px 0 20px;border-top:3px solid #3498db}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3,.footer-section h4{margin-bottom:20px;color:#3498db}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#3498db}.footer-section p{color:#bdc3c7;line-height:1.6}.footer-bottom{border-top:2px solid #34495e;text-align:center;color:#bdc3c7;background:#0000001a;margin:0 -20px -20px;padding:25px 20px 20px}.floor-design-page{background:#f8f9fa;height:100vh;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.floor-design-content{height:100%;padding:0}@media (max-width: 768px){.hamburger{display:flex}.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:#fff;flex-direction:column;padding:40px;transition:left .3s ease}.nav-menu.active{left:0}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.hero{padding:80px 0 60px}.hero-container{grid-template-columns:1fr;text-align:center;gap:40px}.hero-content h1{font-size:2.5rem}.hero-actions{flex-direction:column;align-items:center}.features-grid,.showcase-grid,.pricing-grid,.services-grid,.contact-grid,.form-row{grid-template-columns:1fr}.gallery-filters{flex-wrap:wrap}.footer-content{grid-template-columns:1fr;text-align:center}}.app{display:flex;height:100vh;background:#f8f9fa;overflow:hidden}.sidebar{width:300px;background:#fff;border-right:1px solid #dee2e6;padding:20px;overflow-y:auto}.sidebar h2{margin-bottom:20px;color:#2c3e50}.catalog-section{margin-bottom:30px}.catalog-title{font-size:1.1rem;margin-bottom:15px;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:5px}.catalog-items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.catalog-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:10px;text-align:center;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.catalog-item:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.catalog-item:active{transform:translateY(0)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.toolbar{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #e9ecef;padding:20px 25px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;box-shadow:0 2px 15px #0000000d}.toolbar select{padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;background:#fff}.toolbar button{padding:8px 16px;border:none;border-radius:4px;background:#3498db;color:#fff;cursor:pointer;transition:background .2s ease}.toolbar button:hover{background:#2980b9}.toolbar button.btn-danger{background:#e74c3c}.toolbar button.btn-danger:hover{background:#c0392b}.toolbar .btn-home{background:#27ae60;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:5px;font-weight:500}.toolbar .btn-home:hover{background:#229954;transform:translateY(-1px)}.floor-plan{flex:1;background:#f8f9fa;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;padding:0}.floor-item{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.floor-item.selected{z-index:10}.rotation-handle{position:absolute;top:-30px;right:-30px;width:20px;height:20px;background:#3498db;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;z-index:20}.item-label{position:absolute;bottom:-25px;left:50%;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:15;pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:8px;min-width:400px;max-width:500px;box-shadow:0 10px 30px #0000004d}.modal h2{margin-bottom:20px;color:#2c3e50;font-size:1.5rem}.modal input,.modal select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #dee2e6;border-radius:4px;font-size:14px}.modal input:focus,.modal select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.modal label{display:block;margin-bottom:5px;color:#2c3e50;font-weight:500;font-size:14px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.modal button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.modal button.btn-primary{background:#3498db;color:#fff}.modal button.btn-primary:hover{background:#2980b9}.modal button.btn-secondary{background:#95a5a6;color:#fff}.modal button.btn-secondary:hover{background:#7f8c8d}