:root{--bg-dark: #101010;--bg-medium: #1a1a1a;--bg-light: #2a2a2a;--text-light: #e0e0e0;--text-medium: #a0a0a0;--text-dark: #707070;--accent: #FFA500;--accent-glow: rgba(255, 165, 0, .4);--border-color: #2f2f2f}body{font-family:Poppins,sans-serif;background-color:var(--bg-dark);color:var(--text-light);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(315deg,#101010fa 50%,#ffa5000d);animation:gradient-animation 25s ease infinite;z-index:-2}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.scroll-reveal{opacity:1;transform:translateY(30px);transition:opacity .8s cubic-bezier(.175,.885,.32,1.2),transform .8s cubic-bezier(.175,.885,.32,1.2)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}.visible .stagger-children>*{opacity:1;transform:translateY(0)}.visible .stagger-children>*:nth-child(1){transition-delay:.15s}.visible .stagger-children>*:nth-child(2){transition-delay:.25s}.visible .stagger-children>*:nth-child(3){transition-delay:.35s}.visible .stagger-children>*:nth-child(4){transition-delay:.45s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .7s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ffa50066}50%{box-shadow:0 0 20px 5px #ffa50080}}.animate-pulse-glow{animation:pulse-glow 3s infinite ease-in-out}.interactive-button{transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 15px #0003}.interactive-button:hover{transform:translateY(-2px);box-shadow:0 0 20px 5px var(--accent-glow)}.floating-label-group{position:relative}.floating-label-group .floating-label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);transition:all .2s cubic-bezier(.25,.46,.45,.94);pointer-events:none;color:var(--text-medium);background-color:var(--bg-dark);padding:0 .25rem}.floating-label-group input:focus~.floating-label,.floating-label-group input:not(:placeholder-shown)~.floating-label,.floating-label-group textarea:focus~.floating-label,.floating-label-group textarea:not(:placeholder-shown)~.floating-label{top:-.75rem;left:.75rem;font-size:.75rem;color:var(--accent)}.floating-label-group input,.floating-label-group textarea{background-color:var(--bg-dark);transition:border-color .3s ease,box-shadow .3s ease}.floating-label-group input:focus,.floating-label-group textarea:focus{border-color:var(--accent);box-shadow:0 0 10px 0 var(--accent-glow)}.our-brands{padding:60px 0;background-color:transparent}.our-brands .container{max-width:960px;margin:0 auto}.our-brands h2{font-size:2.5rem;margin-bottom:20px;color:#fff}.our-brands p{font-size:1.1rem;color:#fff;margin-bottom:40px}.brands-grid{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:20px;overflow-x:auto;padding:20px 0;-ms-overflow-style:none;scrollbar-width:none}.brands-grid::-webkit-scrollbar{display:none}.brands-grid:after{content:"";position:absolute;right:0;top:0;bottom:0;width:50px;background:linear-gradient(to right,transparent,var(--bg-dark));pointer-events:none}.brand{background-color:#000;padding:15px;border-radius:10px;box-shadow:0 4px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:2px solid transparent}.brand:hover{transform:translateY(-5px);box-shadow:0 8px 25px #fff3;border-color:#fff}.brand img{max-width:100%;width:100%;height:100px;object-fit:contain;margin:0 auto 20px;display:block}.brand p{font-size:1rem;font-weight:500;color:#fff;margin-bottom:0}.scanner-section{padding:80px 0;background-color:var(--bg-dark)}.scanner-section .container{max-width:960px;margin:0 auto;padding:0 1.5rem}.scanner-section h2{margin-bottom:20px}.scanner-section p{margin-bottom:40px}.qr-code-container{display:flex;justify-content:center;align-items:center}.qr-code-link{display:inline-block;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.qr-code-link:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffa50033}.qr-code-image{width:200px;height:200px;border-radius:10px;background-color:#fff;padding:10px;display:block}