body{margin:0;font-family:Arial,sans-serif}section{border-bottom:1px solid #ddd}.navbar{z-index:1000;background:#020617;justify-content:space-between;padding:20px 10%;display:flex;position:sticky;top:0}.navbar a{margin-left:20px;transition:all .3s}.navbar a:hover{color:#38bdf8}.hero{text-align:center;margin-top:120px}.fade-in{opacity:0;animation:1s forwards fadeIn}.delay{animation-delay:.5s}.delay2{animation-delay:1s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.hero h1{background:linear-gradient(90deg,#38bdf8,#818cf8);color:#0000;-webkit-background-clip:text;font-size:3.5rem}.socials a{border:1px solid #38bdf8;border-radius:25px;margin:0 10px;padding:10px 20px;transition:all .3s}.socials a:hover{color:#000;background:#38bdf8}.hero p{opacity:.8;font-size:1.2rem}.card-container{flex-wrap:wrap;gap:20px;display:flex}.card{background:linear-gradient(145deg,#1e293b,#0f172a);border-radius:12px;width:300px;padding:25px;transition:all .4s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(120deg,#0000,#38bdf833,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.card:hover:before{left:100%}.card:hover{transform:translateY(-12px)scale(1.02)}body{color:#fff;scroll-behavior:smooth;background:#0f172a;margin:0;font-family:Segoe UI,sans-serif}section{max-width:1200px;margin:auto;padding:100px 12%}h2{font-size:2.2rem;position:relative}h2:after{content:"";background:#38bdf8;width:60px;height:3px;position:absolute;bottom:-10px;left:0}h1,h2{margin-bottom:20px}a{color:#38bdf8;text-decoration:none}.hidden{opacity:0;transition:all .8s;transform:translateY(40px)}.show{opacity:1;transform:translateY(0)}