.navbar{position:sticky;top:0;z-index:1000;background:#0d0f14d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.navbar-logo{font-size:1.4rem;font-weight:800;color:var(--text-main);letter-spacing:.5px}.navbar-logo span{color:var(--accent)}.navbar-links{display:flex;align-items:center;gap:32px}.navbar-links a,.nav-link-btn{background:none;color:var(--text-main);font-size:1rem;font-weight:500;transition:color .2s ease}.navbar-links a:hover,.nav-link-btn:hover{color:var(--accent)}.navbar-toggle{display:none;background:none;font-size:1.6rem;color:var(--text-main)}@media (max-width: 768px){.navbar-toggle{display:block}.navbar-links{position:absolute;top:72px;left:0;right:0;background:var(--bg-panel);flex-direction:column;align-items:flex-start;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.navbar-links.active{max-height:300px;border-bottom:1px solid var(--border-color)}.navbar-links li{width:100%}.navbar-links a,.nav-link-btn{display:block;width:100%;padding:16px 20px}}.footer{background:var(--bg-panel);border-top:1px solid var(--border-color);margin-top:60px;padding-top:50px}.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding-bottom:30px}.footer-brand h3{font-size:1.4rem;margin-bottom:8px}.footer-brand span{color:var(--accent)}.footer-brand p{color:var(--text-muted)}.footer h4{margin-bottom:14px;color:var(--text-main)}.footer-contact p,.footer-links p{color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center;gap:8px}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;padding:18px 0;color:var(--text-muted);font-size:.85rem}@media (max-width: 768px){.footer-inner{grid-template-columns:1fr;text-align:center}.footer-contact p,.footer-links p{justify-content:center}}.hero{position:relative;height:100vh;width:100%;background-image:url(https://i.ibb.co/HpHmWdjP/setup.png);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;text-align:center}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d0f1499,#0d0f14d9)}.hero-content{position:relative;z-index:2;padding:0 20px}.hero-title{font-size:4rem;font-weight:900;color:var(--text-main);text-shadow:0 4px 20px rgba(0,0,0,.6);letter-spacing:1px}.hero-tagline{margin-top:16px;font-size:1.3rem;color:var(--accent);font-weight:600}.hero-btn{margin-top:36px;font-size:1.1rem}@media (max-width: 768px){.hero-title{font-size:2.4rem}.hero-tagline{font-size:1rem}.hero{background-attachment:scroll}}.product-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--accent)}.product-image-wrap{background:var(--bg-panel-light);display:flex;align-items:center;justify-content:center;padding:30px;height:220px}.product-image{max-height:160px;object-fit:contain;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.08)}.product-info{padding:20px;display:flex;flex-direction:column;flex:1}.product-name{font-size:1.25rem;margin-bottom:12px;color:var(--text-main)}.product-specs{margin-bottom:12px;font-size:.9rem;color:var(--text-muted)}.product-specs li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--border-color)}.product-specs li span{color:var(--text-main);font-weight:600}.product-rating{color:#ffb400;margin-bottom:14px;font-size:.95rem;display:flex;gap:4px}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.product-price{font-size:1.2rem;font-weight:800;color:var(--accent)}.product-status{font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:20px}.product-status.in-stock{background:#00e5a026;color:var(--accent)}.product-status.out-stock{background:#ff5c5c26;color:var(--danger)}.order-btn{width:100%;text-align:center;margin-top:auto}.order-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.products-section{padding:80px 0}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width: 992px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.products-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.modal-box{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);padding:40px 30px;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow);animation:popIn .25s ease}.modal-icon{font-size:3.5rem;color:var(--accent);margin-bottom:16px}.modal-box h2{font-size:1.4rem;margin-bottom:12px;color:var(--text-main)}.modal-box p{color:var(--text-muted);margin-bottom:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.book-now-section{padding:60px 0 80px;min-height:80vh}.book-now-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start}.book-form-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);padding:32px}.book-form-card h2{margin-bottom:6px}.form-subtitle{color:var(--text-muted);margin-bottom:24px}.book-form-card form{display:flex;flex-direction:column}.book-form-card label{margin-top:16px;margin-bottom:6px;font-size:.9rem;color:var(--text-muted)}.book-form-card input,.book-form-card textarea{background:var(--bg-panel-light);border:1px solid var(--border-color);border-radius:8px;padding:12px 14px;color:var(--text-main);font-size:1rem;transition:border-color .2s ease;resize:vertical}.book-form-card input:focus,.book-form-card textarea:focus{border-color:var(--accent)}.readonly-input{opacity:.7;cursor:not-allowed}.submit-btn{margin-top:28px;width:100%}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-error{color:var(--danger);margin-top:14px;font-size:.9rem}.order-summary-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius);padding:32px;text-align:center;position:sticky;top:90px}.order-summary-card h3{margin-bottom:20px}.summary-image{max-height:140px;margin:0 auto 14px;object-fit:contain}.order-summary-card h4{margin-bottom:20px;color:var(--accent)}.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--border-color);color:var(--text-muted)}.total-row{border-bottom:none;margin-top:8px;font-size:1.15rem;font-weight:800;color:var(--text-main)}.no-product-box{text-align:center;padding:100px 20px}.no-product-box h2{margin-bottom:12px}.no-product-box p{color:var(--text-muted);margin-bottom:24px}@media (max-width: 900px){.book-now-grid{grid-template-columns:1fr}.order-summary-card{position:static}}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0d0f14;--bg-panel: #161a23;--bg-panel-light: #1e2330;--accent: #00e5a0;--accent-hover: #00c98c;--accent-secondary: #7c4dff;--text-main: #f1f3f7;--text-muted: #9aa3b2;--danger: #ff5c5c;--border-color: #2a2f3d;--shadow: 0 8px 24px rgba(0, 0, 0, .45);--radius: 14px}html{scroll-behavior:smooth}body{font-family:Segoe UI,Roboto,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;font-size:2.2rem;margin-bottom:10px;color:var(--text-main)}.section-subtitle{text-align:center;color:var(--text-muted);margin-bottom:40px;font-size:1rem}.btn-primary{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#0d0f14;font-weight:700;padding:14px 32px;border-radius:50px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px #00e5a040}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00e5a066}
