:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.typewriter-text{display:inline}.typewriter-cursor{margin-left:2px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-section{background-image:url(/vruse.PNG);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center;padding:2rem 0;gap:3rem}.hero-section>*{position:relative;z-index:2}.hero-text{padding-left:100px;font-size:2.5rem;flex:1;max-width:90%}.hero-model{flex:1;display:flex;justify-content:center;align-items:center;padding-right:100px}@media(max-width:800px){.hero-section{flex-direction:column;gap:2rem}.hero-model,.hero-text{max-width:100%}}.our-story{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.since-card{width:100%;max-width:720px;border:2px solid #444;border-radius:12px;padding:1.5rem;background:#00000059;color:#fff;text-align:center;box-shadow:0 6px 24px #00000026}.since-heading{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:.75rem}.since-counter{margin-top:.5rem}.since-values{display:flex;gap:1rem;justify-content:center;font-size:clamp(1rem,2.5vw,1.25rem)}.since-values>div strong{font-size:1.25em}.contact-page{max-width:720px;margin:0 auto;padding:2rem 1rem;color:#fff}.contact-title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1.25rem;text-align:left}.contact-form{display:grid;gap:1rem;background:#0006;border:1px solid #222;border-radius:12px;padding:1.25rem}.form-row{display:grid;gap:.5rem}.form-label{font-weight:600}.form-input,.form-textarea{width:100%;padding:.75rem .9rem;border:1px solid #444;border-radius:8px;background:#111;color:#fff;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#888}.form-input:focus,.form-textarea:focus{border-color:#2e3fdd;box-shadow:0 0 0 3px #4f46e533}.form-submit{justify-self:start;padding:.75rem 1.2rem;border:none;border-radius:8px;background:#2e3fdd;color:#fff;cursor:pointer;transition:background .2s ease}.form-submit:hover{background:#2e3fdd}.form-status{margin:.25rem 0 0;font-size:.95rem}.form-status.success{color:#34d399}.form-status.error{color:#f87171}.product-page{max-width:960px;margin:0 auto;padding:2rem 1rem;color:#fff}.product-title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem;text-align:left}.product-search{display:flex;margin-bottom:1.5rem}.product-search-input{flex:1;padding:.75rem 1rem;border:1px solid #444;border-radius:8px;background:#111;color:#fff}.product-search-input::placeholder{color:#888}.product-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;padding:0;margin:0}.product-item{background:#0d0d0d;border:1px solid #222;border-radius:10px;padding:1rem;display:flex;justify-content:space-between}.product-name{font-weight:600}.product-category{color:#9ca3af}.product-empty{color:#aaa;padding:1rem 0}#root{max-width:1880px;margin:0 auto;text-align:center}*{margin:0;padding:0;box-sizing:border-box}nav{position:sticky;top:0;z-index:100;width:100%;padding:1rem 0;background-color:#00000062}nav .nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:2rem;padding:0 1rem}nav .nav-inner>a:first-child{margin-right:auto}.content-container{max-width:1280px;margin:0 auto;padding:2rem}nav a{font-size:clamp(1rem,2.5vw,1.5rem);color:#fff;text-decoration:none;transition:color 1s ease,transform .7s ease}nav a:hover{color:#fff;transform:scale(1.1)}.logo{width:auto;height:clamp(50px,8vw,70px)}@media(max-width:768px){nav{flex-direction:column;gap:1rem}nav a{font-size:1.2rem}}
