*{box-sizing:border-box;margin:0;padding:0}body{background-color:#030712;color:#f3f4f6;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden;scroll-behavior:smooth}.container{max-width:1280px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit;cursor:pointer}.section-title{font-size:2.2rem;font-weight:800;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,#22d3ee,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;color:#9ca3af;font-size:1.1rem;margin-bottom:3rem}.btn-primary{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#06b6d4,#4f46e5);color:#fff;font-weight:700;border-radius:40px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #06b6d44d;font-size:1rem;font-family:inherit}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 28px #06b6d480}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{background:transparent;border:1.5px solid #22d3ee;color:#22d3ee;padding:12px 28px;border-radius:40px;font-weight:600;cursor:pointer;transition:.3s;font-family:inherit;font-size:1rem}.btn-outline:hover{background:#22d3ee1a}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-wide{width:100%}header{position:fixed;top:0;left:0;width:100%;background:#030712e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #1f2937;z-index:999;padding:0 20px}.header-inner{display:flex;justify-content:space-between;align-items:center;height:72px;max-width:1280px;margin:0 auto}.logo{font-size:1.6rem;font-weight:900;color:#06b6d4;letter-spacing:1px;cursor:pointer}.logo span{color:#fff}.nav-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center;flex:1;justify-content:flex-start;margin-left:24px}.nav-links a{font-size:.9rem;font-weight:500;color:#cbd5e1;padding:6px 14px;border-radius:30px;transition:.2s;cursor:pointer}.nav-links a:hover,.nav-links a.active{background:#22d3ee1a;color:#22d3ee}.header-icons{display:flex;gap:12px;align-items:center}.header-icon-wrap{position:relative;color:#cbd5e1;font-size:1.2rem;cursor:pointer;transition:.2s}.header-icon-wrap:hover{color:#22d3ee}.header-icon-wrap .badge{position:absolute;top:-8px;right:-10px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:30px;min-width:18px;text-align:center;line-height:1.4}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer}.page{padding-top:90px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;padding:40px 0 60px}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.hero h1 span{background:linear-gradient(135deg,#22d3ee,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:#9ca3af;font-size:1.2rem;max-width:700px;margin:0 auto 2rem;line-height:1.6}.badge{display:inline-block;background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#818cf8;padding:4px 16px;border-radius:40px;font-size:.8rem;font-weight:600;margin-bottom:1.2rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:2rem 0}.card{background:#11182799;border:1px solid #1f2937;border-radius:24px;padding:28px 24px;transition:border .3s,transform .2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.card:hover{border-color:#06b6d4;transform:translateY(-6px)}.card i{font-size:2.2rem;color:#22d3ee;margin-bottom:12px}.card h3{font-size:1.4rem;margin-bottom:10px;color:#fff}.card p{color:#9ca3af;font-size:.95rem;line-height:1.6}.card ul{list-style:none;margin-top:16px}.card ul li{color:#cbd5e1;font-size:.9rem;padding:4px 0;display:flex;align-items:center;gap:8px}.card ul li:before{content:"✓";color:#06b6d4;font-weight:700}.bar-chart{display:flex;justify-content:space-around;align-items:flex-end;height:200px;gap:20px;margin:20px 0 10px;padding:0 10px}.chart-column{flex:1;background:linear-gradient(0deg,#06b6d4,#4f46e5);border-radius:8px 8px 0 0;min-width:50px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:6px;position:relative;transition:.3s}.chart-column .chart-label{color:#cbd5e1;font-size:.7rem;font-weight:600;text-align:center;margin-top:8px;writing-mode:horizontal-tb}.calc-wrapper{background:linear-gradient(145deg,#0f172a,#020617);border:1px solid #1f2937;border-radius:32px;padding:40px;max-width:900px;margin:0 auto 60px;box-shadow:0 20px 40px #0009}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:600;color:#9ca3af}.form-group select,.form-group input{height:48px;background:#030712;border:1px solid #374151;border-radius:14px;color:#fff;padding:0 16px;font-size:.95rem;transition:border .2s;font-family:inherit}.form-group select:focus,.form-group input:focus{border-color:#06b6d4;outline:none}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:16px 0 24px}.option-item{display:flex;align-items:center;gap:10px;background:#0b1424;padding:10px 14px;border-radius:12px;border:1px solid #1f2937;cursor:pointer;transition:.2s}.option-item:hover{border-color:#4f46e5}.option-item input[type=checkbox]{accent-color:#06b6d4;width:18px;height:18px;flex-shrink:0}.result-panel{background:#030712;border:1px solid #1f2937;border-radius:20px;padding:24px;text-align:center;margin-top:20px}.result-price{font-size:2.8rem;font-weight:900;color:#22d3ee}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#030712d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-overlay.open{display:flex}.modal-box{background:#0f172a;border:1px solid #1f2937;border-radius:28px;padding:36px 32px;max-width:440px;width:100%;box-shadow:0 30px 60px #000000b3;animation:fadeIn .3s;max-height:90vh;overflow-y:auto}.modal-box h3{font-size:1.6rem;margin-bottom:6px}.modal-box p{color:#9ca3af;margin-bottom:20px}.modal-box input,.modal-box textarea,.modal-box select{width:100%;padding:12px 16px;border-radius:14px;background:#030712;border:1px solid #374151;color:#fff;margin-bottom:12px;font-size:.95rem;font-family:inherit}.modal-box input:focus,.modal-box textarea:focus,.modal-box select:focus{border-color:#06b6d4;outline:none}.modal-box .btn-row{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}.modal-box-form{margin:12px 0}.modal-box-form input{width:100%;padding:12px 16px;border-radius:14px;background:#030712;border:1px solid #374151;color:#fff;margin-bottom:10px;font-size:.95rem;font-family:inherit}.modal-box-form input:focus{border-color:#06b6d4;outline:none}footer{background:#050b17;border-top:1px solid #1f2937;padding:40px 0 20px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;margin-bottom:30px}.footer-grid h4{color:#fff;margin-bottom:12px;font-size:1.1rem}.footer-grid a{color:#9ca3af;display:block;margin:6px 0;transition:.2s;cursor:pointer}.footer-grid a:hover{color:#22d3ee}.copyright{text-align:center;color:#4b5563;font-size:.8rem;border-top:1px solid #1f2937;padding-top:20px}.shop-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:30px;background:#0b1424;padding:20px;border-radius:20px;border:1px solid #1f2937;align-items:flex-end}.shop-controls .filter-group{display:flex;flex-wrap:wrap;gap:12px;flex:1}.shop-controls .filter-group select,.shop-controls .filter-group input{background:#030712;border:1px solid #374151;color:#fff;padding:8px 14px;border-radius:10px;font-size:.9rem;outline:none;min-width:140px;font-family:inherit}.shop-controls .filter-group select:focus,.shop-controls .filter-group input:focus{border-color:#06b6d4}.shop-controls .price-range{display:flex;gap:8px;align-items:center}.shop-controls .price-range input{width:100px}.shop-controls .filter-actions{display:flex;gap:8px;align-items:center}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-bottom:30px}.product-card{background:#0b1424;border:1px solid #1f2937;border-radius:16px;overflow:hidden;transition:.3s;display:flex;flex-direction:column}.product-card:hover{border-color:#06b6d4;transform:translateY(-4px);box-shadow:0 8px 30px #06b6d41a}.product-card .image{height:180px;background:#1a2332;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.product-card .image img{width:100%;height:100%;object-fit:cover}.product-card .image .quick-view{position:absolute;bottom:10px;right:10px;background:#030712cc;color:#fff;border:none;border-radius:30px;padding:6px 14px;font-size:.75rem;cursor:pointer;transition:.2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-card .image .quick-view:hover{background:#06b6d4}.product-card .info{padding:16px;flex:1;display:flex;flex-direction:column}.product-card .info .name{font-weight:600;font-size:1rem;margin-bottom:6px;line-height:1.3;color:#fff}.product-card .info .category{font-size:.75rem;color:#6b7280;margin-bottom:6px}.product-card .info .price{font-size:1.2rem;font-weight:700;color:#22d3ee;margin:8px 0}.product-card .info .actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.product-card .info .actions button{flex:1;padding:8px 0;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:.2s;min-width:40px;font-family:inherit}.product-card .info .actions .add-to-cart{background:linear-gradient(135deg,#06b6d4,#4f46e5);color:#fff}.product-card .info .actions .add-to-cart:hover{opacity:.8}.product-card .info .actions .add-to-cart.in-cart{background:#10b85c}.product-card .info .actions .icon-btn{flex:0 0 40px;background:transparent;color:#9ca3af;border:1px solid #374151;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.product-card .info .actions .icon-btn:hover{border-color:#22d3ee;color:#22d3ee}.product-card .info .actions .icon-btn.active{color:#ef4444;border-color:#ef4444}.product-card .info .actions .icon-btn.compare-active{color:#f59e0b;border-color:#f59e0b}.pagination{display:flex;justify-content:center;gap:8px;margin:30px 0}.pagination button{background:#0b1424;border:1px solid #1f2937;color:#cbd5e1;padding:8px 16px;border-radius:8px;cursor:pointer;transition:.2s;font-size:.9rem;font-family:inherit}.pagination button:hover{border-color:#06b6d4;color:#fff}.pagination button.active{background:#06b6d4;border-color:#06b6d4;color:#fff}.modal-box.cart-modal{max-width:600px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #1f2937;gap:12px}.cart-item .item-info{display:flex;flex-direction:column;flex:1;min-width:0}.cart-item .item-name{font-weight:500;font-size:.95rem;word-break:break-word}.cart-item .item-price{color:#22d3ee;font-size:.9rem}.cart-item .item-qty{display:flex;align-items:center;gap:8px;flex-shrink:0}.cart-item .item-qty button{background:#1f2937;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:1rem;font-family:inherit}.cart-item .item-qty span{min-width:24px;text-align:center}.cart-total{margin:16px 0;text-align:right;font-size:1.2rem;font-weight:700;color:#22d3ee}.quick-view-modal .modal-box{max-width:700px}.product-detail{display:flex;gap:24px;flex-wrap:wrap}.product-detail .left{flex:1 1 200px}.product-detail .left img{width:100%;border-radius:12px}.product-detail .right{flex:2 1 300px}.product-detail .right .name{font-size:1.4rem;font-weight:700;color:#fff}.product-detail .right .price{font-size:1.8rem;color:#22d3ee;margin:12px 0}.product-detail .right .desc{color:#9ca3af;margin:12px 0;line-height:1.6}.product-detail .right .actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.notification{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#0f172a;border:1px solid #22d3ee;padding:12px 24px;border-radius:40px;color:#fff;box-shadow:0 8px 30px #00000080;z-index:3000;display:none;font-weight:500;animation:fadeIn .3s;max-width:90vw;text-align:center}.notification.show{display:block}.timer-wrapper{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:20px 0}.timer-item{background:#0b1424;border:1px solid #1f2937;border-radius:16px;padding:16px 24px;min-width:100px;text-align:center}.timer-item .num{font-size:2.8rem;font-weight:800;color:#22d3ee;display:block}.timer-item .label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:1px}.timer-section{background:linear-gradient(135deg,#0f172a,#020617);border-radius:24px;padding:24px;margin-bottom:2rem;border:1px solid #1f2937}.timer-section h3{text-align:center;color:#fff;margin-bottom:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:30px 0;text-align:center}.stat-item .stat-number{font-size:3rem;font-weight:900;color:#22d3ee}.stat-item .stat-label{color:#9ca3af;font-size:.9rem}.chat-widget{position:fixed;bottom:30px;right:30px;z-index:3000;display:flex;flex-direction:column;align-items:flex-end}.chat-bubble{background:#0f172a;border:1px solid #1f2937;border-radius:18px 18px 18px 4px;padding:14px 18px;max-width:260px;margin-bottom:12px;display:none;box-shadow:0 8px 24px #0006;color:#e5e7eb;font-size:.9rem}.chat-bubble.show{display:block;animation:fadeIn .3s}.chat-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#4f46e5);border:none;color:#fff;font-size:1.8rem;cursor:pointer;box-shadow:0 8px 24px #06b6d466;transition:.3s}.chat-btn:hover{transform:scale(1.05)}.drop-zone{border:2px dashed #374151;border-radius:20px;padding:30px;text-align:center;color:#6b7280;transition:.3s;cursor:pointer;margin:20px 0}.drop-zone.dragover{border-color:#22d3ee;background:#22d3ee0d}.drop-zone i{font-size:2.5rem;margin-bottom:10px}.roi-calc{background:#0b1424;border-radius:20px;padding:24px;border:1px solid #1f2937;margin:20px 0}.roi-calc .form-row{grid-template-columns:1fr 1fr 1fr}.roi-result{font-size:2rem;font-weight:800;color:#10b85c}.tour-card{background:#0b1424;border-radius:20px;border:1px solid #1f2937;padding:20px;display:flex;flex-direction:column;gap:10px}.tour-card .price{color:#22d3ee;font-weight:700;font-size:1.2rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gallery-item{background:#1f2937;aspect-ratio:1 / .8;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#4b5563;font-size:.9rem;border:1px solid #374151;transition:.3s;flex-direction:column;padding:12px;text-align:center}.gallery-item:hover{border-color:#22d3ee}.gallery-item i{font-size:2.4rem;color:#6b7280}#map-container{width:100%;height:400px;border-radius:24px;border:1px solid #1f2937;overflow:hidden;margin-top:20px}.text-center{text-align:center}.text-muted{color:#6b7280}.flex{display:flex;gap:12px;flex-wrap:wrap}.user-greeting{color:#22d3ee;margin:0 8px;font-weight:600;font-size:.9rem;white-space:nowrap}.artlife-particles{mix-blend-mode:screen}@media (max-width: 768px){.nav-links{display:none;width:100%;flex-direction:column;background:#030712;padding:20px;margin-left:0;margin-top:12px;border-radius:16px}.nav-links.open{display:flex}.menu-toggle{display:block}.form-row{grid-template-columns:1fr}.hero h1{font-size:2.4rem}.hero p{font-size:1rem}.section-title{font-size:1.8rem}.header-inner{flex-wrap:wrap;height:auto;padding:12px 0}.shop-controls{flex-direction:column;align-items:stretch}.shop-controls .filter-group{flex-direction:column}.shop-controls .price-range input{width:100%}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.header-icons .header-icon-wrap .badge{top:-6px;right:-8px;font-size:.5rem}.roi-calc .form-row{grid-template-columns:1fr}.timer-item{min-width:70px;padding:12px 16px}.timer-item .num{font-size:2rem}.stat-item .stat-number{font-size:2.2rem}.modal-box{padding:24px 20px}.cart-item{flex-direction:column;align-items:flex-start;gap:8px}.cart-item .item-qty{align-self:flex-end}.notification{font-size:.85rem;padding:10px 18px}.chat-widget{bottom:20px;right:20px}.chat-btn{width:52px;height:52px;font-size:1.5rem}}@media (max-width: 480px){.header-icons{gap:8px}.btn-sm{padding:6px 12px;font-size:.75rem}.hero h1{font-size:2rem}.container{padding:0 14px}}
