@layer utilities{.bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#090e1a}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}html{scroll-behavior:smooth}.glass-panel{background:#0f172ab3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}.glass-panel-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-hover:hover{background:#16213ed9;border-color:#5fc3e159;transform:translateY(-4px);box-shadow:0 20px 35px -10px #325ca740}.glass-nav{background:#080c16e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.card-perspective,.key-perspective{perspective:1200px}.car-key-fob{transition:transform .2s ease-out,box-shadow .2s ease-out;transform-style:preserve-3d;will-change:transform}.car-key-fob:hover{box-shadow:0 35px 80px -15px #5fc3e166,0 0 50px #325ca759}.car-key-sheen{background:linear-gradient(125deg,transparent 15%,rgba(255,255,255,.12) 30%,rgba(95,195,225,.3) 45%,rgba(255,255,255,.2) 50%,transparent 65%);background-size:250% 250%;animation:keySheen 5s infinite linear}@keyframes keySheen{0%{background-position:-250% 0}to{background-position:250% 0}}.carbon-pattern{background-color:#0c121e;background-image:linear-gradient(45deg,#111a2c 25%,transparent 25%),linear-gradient(-45deg,#111a2c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111a2c 75%),linear-gradient(-45deg,transparent 75%,#111a2c 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.pendrive-wave,.nfc-wave{position:absolute;border:2px solid rgba(95,195,225,.65);border-radius:50%;animation:wavePulse 2.4s cubic-bezier(0,.2,.8,1) infinite}.pendrive-wave:nth-child(2),.nfc-wave:nth-child(2){animation-delay:.8s}.pendrive-wave:nth-child(3),.nfc-wave:nth-child(3){animation-delay:1.6s}@keyframes wavePulse{0%{width:60px;height:60px;opacity:1;transform:translate(-50%,-50%) scale(.6)}to{width:280px;height:280px;opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@keyframes subtleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.5deg)}}.animate-float{animation:subtleFloat 6s ease-in-out infinite}.modal-backdrop{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-backdrop.active{opacity:1;visibility:visible}.modal-content-box{opacity:0;transform:scale(.95) translateY(10px);transition:all .3s cubic-bezier(.16,1,.3,1)}.modal-backdrop.active .modal-content-box{opacity:1;transform:scale(1) translateY(0)}.phone-preview-scroll{scrollbar-width:none;-ms-overflow-style:none}.phone-preview-scroll::-webkit-scrollbar{display:none;width:0;height:0}