@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background-color:#000;min-height:100vh;margin:0;padding:0;font-family:Poppins,sans-serif;overflow-x:hidden}canvas#bg{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.home-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0009;border-bottom:1px solid #ffffff0d;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:80px;padding:0 5%;transition:all .4s;display:grid;position:fixed;top:0;left:0}.home-logo{cursor:pointer;color:#fff;white-space:nowrap;justify-self:start;font-size:22px;font-weight:700}.home-logo span{color:#fff;text-shadow:0 0 10px #ffffff80}.home-search-container{justify-self:center;width:100%;min-width:300px;max-width:500px;position:relative}.home-search-input{color:#fff;text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50px;outline:none;width:100%;padding:12px 24px;font-size:.9rem;transition:all .3s}.home-search-input::placeholder{color:#666;font-weight:500}.home-search-input:focus{background:#ffffff1f;border-color:#fff6;box-shadow:0 0 15px #ffffff0d}.home-nav{justify-self:end;align-items:center;gap:25px;display:flex}.home-nav a{color:#ccc;letter-spacing:.5px;cursor:pointer;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.home-nav a:hover{color:#fff;text-shadow:0 0 10px #ffffff80}.home-main{text-align:center;z-index:2;justify-content:center;align-items:center;width:100vw;height:100vh;padding-top:80px;display:flex;position:relative}.home-hero{width:100%;max-width:1200px;transition:all .6s}.home-hero h1{color:#fff;text-shadow:0 0 30px #ffffff4d;letter-spacing:2px;margin-bottom:20px;font-size:4rem;animation:6s ease-in-out infinite float;display:inline-block;position:relative}.home-hero p{color:#aaa;text-shadow:0 0 10px #fff3;margin-top:15px;font-size:1.2rem}button{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:30px;margin-top:35px;padding:12px 35px;font-size:1rem;font-weight:600;transition:all .4s;position:relative;overflow:hidden}button:hover{color:#000;background:#fff;transform:translateY(-2px);box-shadow:0 0 30px #ffffff80}.section{opacity:0;text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 5%;transition:all .8s;display:flex;position:relative}.section.show{opacity:1;transform:translateY(0)}.section h1{text-shadow:0 0 20px #ffffff4d;margin-bottom:20px;font-size:3rem}.section-description{color:#999;max-width:700px;margin-bottom:50px;font-size:1rem}.home-scroll-container{scrollbar-color:#555 #222;scrollbar-width:thin;width:100%;max-width:1200px;max-height:650px;padding-right:15px;overflow:hidden auto}.home-scroll-container::-webkit-scrollbar{width:8px}.home-scroll-container::-webkit-scrollbar-track{background:#0003;border-radius:10px}.home-scroll-container::-webkit-scrollbar-thumb{background-color:#555;border:2px solid #0000;border-radius:10px}.home-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;width:100%;margin:0 auto;display:grid}.home-card{color:#fff;height:300px;transform-style:preserve-3d;perspective:1000px;will-change:transform;background:#ffffff05;border:1px solid #ffffff1a;border-radius:15px;flex-direction:column;text-decoration:none;transition:transform .1s ease-out,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.home-card:hover{z-index:10;border-color:#fff6;box-shadow:0 0 30px #ffffff1a}.home-card:before{content:"";background:radial-gradient(circle at var(--light-x,50%)var(--light-y,50%),#fff3,transparent 50%);opacity:0;pointer-events:none;z-index:5;mix-blend-mode:overlay;transition:opacity .3s;position:absolute;inset:0}.home-card:hover:before{opacity:1}.home-card img{object-fit:cover;filter:grayscale()brightness(.8);width:100%;height:180px;transition:transform .5s,filter .5s}.home-card:hover img{filter:grayscale(0%)brightness(1.1);transform:scale(1.1)}.card-content{background:#0006;border-top:1px solid #ffffff0d;flex-direction:column;flex:1;justify-content:center;padding:20px;display:flex}.home-card h3{color:#fff;margin-bottom:5px;font-size:1.2rem}.home-card p{color:#aaa;font-size:.9rem}.home-card span{color:#fff;font-weight:500}.search-content{opacity:0;transition:all .8s;transform:translateY(30px)}.search-content.show{opacity:1;transform:translateY(0)}.stats-container{flex-wrap:wrap;justify-content:center;gap:100px;margin-bottom:60px;display:flex}.animated-number h3{color:#fff;font-size:3rem;font-weight:700}.animated-number p{color:#888;letter-spacing:1px}.compatible-text{color:#888;letter-spacing:2px;text-transform:uppercase;margin-top:40px;margin-bottom:30px;font-size:.9rem}.icons-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;padding:20px;display:flex}.icons-container img{filter:grayscale()brightness(.8);opacity:.6;cursor:pointer;transition:transform .3s,filter .3s,opacity .3s}.icons-container img:hover{filter:grayscale(0%)brightness(1.2)drop-shadow(0 0 15px #fff6);opacity:1;transform:scale(1.15)translateY(-5px)}.footer{z-index:10;background:#000000e6;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;width:100%;padding:50px 8%;display:flex;position:relative}.footer-logo{margin-bottom:10px;font-size:1.5rem;font-weight:700}.footer-quote{color:#666;margin-bottom:30px;font-style:italic}.footer-copy{color:#555;font-size:.85rem}.footer-right{text-align:right;flex-direction:column;gap:10px;display:flex}.footer-right a{color:#888;text-decoration:none;transition:color .3s}.footer-right a:hover{color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.home-header{flex-wrap:wrap;grid-template-columns:auto 1fr;height:auto;padding:15px 5%}.search-container{order:3;grid-column:1/-1;width:100%;margin-top:15px}.home-nav{justify-self:end}}