@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Playfair+Display:wght@700;800&display=swap";:root{--primary: #2563eb;--primary-light: #3b82f6;--primary-dark: #0052cc;--dark: #0a1628;--dark-2: #1a1a2e;--accent-red: #ff4757;--text-light: #94a3b8;--success: #16a34a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#fff;color:#1f2937;line-height:1.6}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-4{gap:2rem}.gap-6{gap:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mt-6{margin-top:3rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}.px-2{padding-left:1rem;padding-right:1rem}.px-4{padding-left:2rem;padding-right:2rem}.py-2{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--primary)}.text-dark{color:var(--dark)}.text-light{color:var(--text-light)}.bg-primary{background-color:var(--primary)}.bg-dark{background-color:var(--dark)}.rounded{border-radius:.5rem}.rounded-lg{border-radius:.75rem}.rounded-xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.transition{transition:all .3s ease}.hover-lift:hover{transform:translateY(-4px)}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 #2563ebb3}50%{opacity:.8;box-shadow:0 0 0 10px #2563eb00}}@keyframes spin3d{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}@keyframes float-particle{0%{transform:translateY(0) translate(0);opacity:1}50%{opacity:.5}to{transform:translateY(-100px) translate(50px);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes oh-arm-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes oh-label-upright{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-pulse-glow{animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin-3d{animation:spin3d 3s linear infinite;transform-style:preserve-3d}.animate-float{animation:float-particle 3s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.animate-arm-spin{animation:oh-arm-spin 2s ease-in-out infinite}.animate-label-upright{animation:oh-label-upright .5s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-marquee{animation:marquee 20s linear infinite}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.hidden-mobile{display:none}}@media (max-width: 480px){.container{padding:0 16px}.gap-4{gap:1rem}.text-4xl{font-size:1.75rem}.text-3xl{font-size:1.5rem}}
