*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f5f5f7;-webkit-font-smoothing:antialiased;background:#08080a;font-family:Outfit,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{color:#08080a;background:#c8ff00}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#08080a}::-webkit-scrollbar-thumb{background:#28283a;border-radius:10px}img{max-width:100%;height:auto}button{font-family:Outfit,sans-serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glow{0%,to{opacity:.5;filter:blur()}50%{opacity:1;filter:blur(1px)}}@keyframes grain{0%{transform:translate(0)}10%{transform:translate(-2%,-2%)}20%{transform:translate(2%,2%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-2%,2%)}60%{transform:translate(2%,-2%)}70%{transform:translate(-1%,-1%)}80%{transform:translate(1%,1%)}90%{transform:translate(-2%,-2%)}to{transform:translate(0)}}.grain:before{content:"";pointer-events:none;z-index:9998;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite grain;position:fixed;inset:-50%}.mono{font-family:JetBrains Mono,monospace}.card-hover{transition:all .4s cubic-bezier(.16,1,.3,1)}.card-hover:hover{transform:translateY(-4px);border-color:#c8ff0044!important}.link-hover{position:relative}.link-hover:after{content:"";background:#c8ff00;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.link-hover:hover:after{width:100%}.tag{color:#8e8e99;letter-spacing:.5px;white-space:nowrap;border:1px solid #28283a;border-radius:4px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.tag-accent{color:#c8ff00;border-color:#c8ff0044}.btn-primary{color:#08080a;cursor:pointer;letter-spacing:.5px;background:#c8ff00;border:none;border-radius:6px;padding:13px 32px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .3s}.btn-primary:hover{filter:brightness(1.1);transform:scale(1.02)}.btn-ghost{color:#f5f5f7;cursor:pointer;letter-spacing:.5px;background:0 0;border:1px solid #28283a;border-radius:6px;padding:13px 32px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;transition:all .3s}.btn-ghost:hover{color:#c8ff00;border-color:#c8ff00}@media (max-width:768px){.hide-mobile{display:none!important}.mobile-col{grid-template-columns:1fr!important}.mobile-pad{padding-left:20px!important;padding-right:20px!important}.hero-section{min-height:auto!important;padding:100px 20px 60px!important}.hero-title{letter-spacing:-1px!important;font-size:36px!important}.hero-subtitle{font-size:15px!important}.hero-stats{gap:24px!important;margin-top:40px!important}.hero-stats>div>div:first-child{font-size:26px!important}.hero-buttons{flex-direction:column!important}.hero-buttons>*{width:100%}.hero-buttons button{justify-content:center;width:100%}.hero-photo-wrap{justify-content:center;margin-bottom:24px;display:flex;order:-1!important}.hero-photo-container{width:200px!important;height:240px!important}section{padding:80px 20px!important}.marquee-wrap{padding:12px 0!important}.card-hover:hover{transform:none}nav{padding:14px 16px!important}footer{padding:40px 20px!important}.footer-grid{flex-direction:column!important;gap:24px!important}.footer-links{flex-direction:row!important;gap:40px!important}.footer-bottom{text-align:center;flex-direction:column!important;gap:8px!important}.cta-section{margin:0 16px 60px!important;padding:48px 24px!important}.share-bar{flex-direction:column!important;gap:12px!important}.contact-links>a{flex:100%!important}.btn-primary,.btn-ghost{text-align:center}}@media (max-width:480px){.hero-title{font-size:30px!important}.section-title{font-size:24px!important}.hero-photo-container{width:160px!important;height:200px!important}.bento-stats{grid-template-columns:1fr 1fr!important}}
