*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}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:#fff;color:#111827;line-height:1.6}.navbar{background:linear-gradient(90deg,#0f172a,#1e3a8a,#0f172a);box-shadow:0 2px 10px #0000001a;border-bottom:1px solid rgba(59,130,246,.2);position:sticky;top:0;z-index:50;overflow:hidden}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:64px}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{background:linear-gradient(135deg,#2563eb,#0891b2);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a}.logo-text{color:#fff;font-weight:700;font-size:1.25rem}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{color:#d1d5db;text-decoration:none;transition:color .3s ease;cursor:pointer}.nav-links a:hover{color:#60a5fa}.order-btn{background:linear-gradient(90deg,#2563eb,#0891b2);color:#fff;padding:.5rem 1.5rem;border:none;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;cursor:pointer}.order-btn:hover{background:linear-gradient(90deg,#1d4ed8,#0e7490);box-shadow:0 4px 8px #0003}.mobile-menu-btn{display:none;background:none;border:none;color:#d1d5db;cursor:pointer}.mobile-nav{display:none;padding:1rem 0;border-top:1px solid rgba(59,130,246,.2);background:#0f172af2}.mobile-nav.open{display:block}.mobile-nav-links{display:flex;flex-direction:column;gap:1rem;list-style:none}.mobile-nav-links a{color:#d1d5db;text-decoration:none;transition:color .3s ease;cursor:pointer}.mobile-nav-links a:hover{color:#60a5fa}.mobile-order-btn{background:linear-gradient(90deg,#2563eb,#0891b2);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;margin-top:.5rem;cursor:pointer;width:100%}.hero{background:linear-gradient(135deg,#0f172a,#1e3a8a,#0f172a);padding:5rem 1rem;text-align:center;color:#fff;overflow:hidden;position:relative}.hero-container{max-width:1200px;margin:0 auto;position:relative;z-index:10}.hero-title{font-size:3.5rem;font-weight:900;margin-bottom:.5rem;letter-spacing:.05em}.hero-subtitle{font-size:1.125rem;color:#93c5fd;margin-bottom:2rem}.hero-description{font-size:1.125rem;color:#e5e7eb;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(90deg,#2563eb,#0891b2);color:#fff;padding:.875rem 2rem;border:none;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:inline-block}.btn-primary:hover{background:linear-gradient(90deg,#1d4ed8,#0e7490);box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#fff;padding:.875rem 2rem;border:2px solid white;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;display:inline-block}.btn-secondary:hover{background:#fff;color:#0f172a}.section{padding:4rem 1rem}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:1rem;color:#111827}.section-subtitle{font-size:1.125rem;color:#6b7280;text-align:center;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.grid{display:grid;gap:2rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb}.card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.card-icon{width:48px;height:48px;background:linear-gradient(135deg,#2563eb,#0891b2);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#111827}.card-description{color:#6b7280;line-height:1.6}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:1px solid #e5e7eb}.product-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-6px)}.product-image{width:100%;height:200px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:3rem}.product-content{padding:1.5rem}.product-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#111827}.product-description{color:#6b7280;margin-bottom:1rem;line-height:1.6}.product-price{font-size:1.5rem;font-weight:800;color:#2563eb;margin-bottom:1rem}.form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{min-height:120px;resize:vertical}.footer{background:#111827;color:#fff;padding:3rem 1rem 1rem}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#fff}.footer-section p{color:#9ca3af;line-height:1.6}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;padding-top:1rem;text-align:center;color:#9ca3af}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{width:24px;height:24px}.icon-lg{width:32px;height:32px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}.starfield:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,#ffffff,transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:300px 300px,200px 200px,400px 400px;opacity:.6;pointer-events:none}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-btn,.mobile-nav.open{display:block}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}html{scroll-behavior:smooth}button:focus,input:focus,textarea:focus{outline:2px solid #3b82f6;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2563eb}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media print{nav,footer{display:none!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}