@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+Myanmar:wght@400;500;600;800&display=swap";:root{--primary-color:#d4af37;--primary-hover:#b8860b;--primary-glow:#d4af3766;--bg-color:#0b0d10;--surface-color:#16191f;--surface-light:#1e222b;--surface-hover:#1f232e;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#2a2e39;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 8px 16px #0006;--shadow-lg:0 16px 32px #0009;--glow-shadow:0 0 20px #d4af3726;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-xl:1.5rem}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Noto Sans Myanmar,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:2rem}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background-color:#0b0d10d9;justify-content:space-between;align-items:center;padding:1.25rem 2rem;transition:all .3s;display:flex;position:sticky;top:0}.nav-brand{color:var(--text-primary);letter-spacing:-.5px;text-transform:uppercase;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.nav-brand span.gold-text{color:var(--primary-color)}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-link{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:500;transition:color .3s;position:relative}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";background-color:var(--primary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.hero{text-align:center;border-radius:var(--radius-xl);border:1px solid var(--border-color);background-image:linear-gradient(#0b0d1080,#0b0d10e6),url(https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&q=80&w=1920);background-position:50%;background-size:cover;margin-bottom:0;padding:8rem 2rem 10rem;animation:1s ease-out fadeIn;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #000c}.hero h1{color:var(--text-primary);letter-spacing:-1.5px;text-shadow:0 4px 20px #000c;margin-bottom:1rem;font-size:4.5rem;font-weight:800;line-height:1.1}.hero h1 span{color:var(--primary-color)}.hero p{color:#cbd5e1;text-shadow:0 2px 10px #000c;max-width:650px;margin:0 auto;font-size:1.25rem;font-weight:400}.vehicle-finder{background:var(--surface-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:1.5rem;max-width:1100px;margin:-4rem auto 5rem;padding:2.5rem;display:flex;position:relative}.vehicle-finder-title{text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:700;display:flex}.vehicle-finder-controls{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=768px){.vehicle-finder-controls{grid-template-columns:1fr}}.section-title{text-align:center;text-transform:uppercase;letter-spacing:-.5px;margin-bottom:2.5rem;font-size:2.25rem;font-weight:800}.section-title span{color:var(--primary-color)}.category-section{margin-bottom:6rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;display:grid}.category-card{background:var(--surface-color);border:1px solid var(--border-color);text-align:center;border-radius:var(--radius-lg);cursor:pointer;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.category-card:hover{background:var(--surface-hover);border-color:var(--primary-color);box-shadow:var(--shadow-lg), var(--glow-shadow);transform:translateY(-8px)}.category-icon{color:var(--primary-color);justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.category-icon svg{transition:transform .4s}.category-card:hover .category-icon svg{transform:scale(1.15)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;animation:.6s ease-out slideUp;display:grid}.product-card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);flex-direction:column;transition:all .4s;display:flex;position:relative;overflow:hidden}.product-card:after{content:"";background:var(--primary-color);transform-origin:0;height:3px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.product-card:hover{box-shadow:var(--shadow-lg), var(--glow-shadow);border-color:#d4af3766;transform:translateY(-10px)}.product-card:hover:after{transform:scaleX(1)}.product-image{object-fit:cover;filter:brightness(.85);width:100%;height:240px;transition:transform .6s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image{filter:brightness();transform:scale(1.05)}.product-content{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.product-category{color:var(--primary-color);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.product-title{margin-bottom:.75rem;font-size:1.35rem;font-weight:600;line-height:1.4}.product-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:2rem;font-size:.95rem;font-weight:300}.product-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.product-price{color:var(--text-primary);align-items:center;font-size:1.5rem;font-weight:800;display:flex}.product-price:before{content:"$";color:var(--primary-color);margin-right:4px;font-size:1.1rem}.btn{border-radius:var(--radius-md);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:#000;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-3px)scale(1.02)}.btn-primary:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-outline{color:var(--primary-color);border:1.5px solid var(--primary-color);background-color:#0000}.btn-outline:hover{background-color:var(--primary-color);color:#000;box-shadow:0 0 15px var(--primary-glow)}.input-field,.select-field{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-color);width:100%;color:var(--text-primary);appearance:none;outline:none;padding:.85rem 1.25rem;font-size:1rem;transition:all .3s}select.select-field{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}.input-field::placeholder{color:var(--text-secondary)}.input-field:focus,.select-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color), 0 0 10px var(--primary-glow);background-color:#d4af3708}.footer{background-color:var(--surface-color);border-top:1px solid var(--border-color);margin-top:6rem;padding:5rem 2rem 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1400px;margin:0 auto;display:grid}.footer-title{color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-size:1.15rem;font-weight:700}.footer-text{color:var(--text-secondary);cursor:pointer;margin-bottom:.75rem;font-size:.95rem;transition:color .3s}.footer-text:hover{color:var(--primary-color)}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:4rem;padding-top:2rem;font-size:.85rem}.admin-form-container{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:2.5rem;animation:.5s ease-out fadeIn}table{border-collapse:collapse;text-align:left;width:100%}th{background:var(--surface-light);text-transform:uppercase;letter-spacing:.5px;color:var(--primary-color);border-bottom:2px solid var(--border-color);padding:1.25rem 1.5rem;font-size:.85rem;font-weight:600}td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1.25rem 1.5rem}tr{transition:background-color .3s}tr:hover td{background-color:var(--surface-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loader{border:3px solid var(--border-color);border-left-color:var(--primary-color);width:50px;height:50px;box-shadow:0 0 15px var(--primary-glow);border-radius:50%;margin:4rem auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
