html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}.main-content{padding-top:100px!important}body{background-color:#0c0c1d;color:#d3d3d3}a{text-decoration:none;color:inherit}section{height:100vh;width:100vw;scroll-snap-align:center;overflow:hidden}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.sidebar .bg{z-index:999;position:fixed;top:0;left:0;bottom:0;width:400px;background:white}@media (max-width: 738px){.sidebar .bg{width:200px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:40px}@media (max-width: 738px){.sidebar .bg .links a{font-size:20px}}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer}.navbar{height:80px;display:flex;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(245,245,245,.95) 100%);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100;padding:0 30px}.navbar .wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.navbar .wrapper .logo-container{display:flex;margin-left:100px;align-items:center;gap:12px;cursor:pointer}.navbar .wrapper .logo-container .logo-animation{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.7);border-radius:50%;box-shadow:0 4px 6px #0000001a,inset 0 1px 1px #fffc;transition:all .3s ease}.navbar .wrapper .logo-container .logo-animation:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:1px;background:linear-gradient(145deg,#6a11cb,#2575fc);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.navbar .wrapper .logo-container .logo-title{font-size:1.5rem;font-weight:700;color:#333;margin:0;font-family:Poppins,sans-serif;background:linear-gradient(90deg,#6a11cb 0%,#2575fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.05)}.navbar .wrapper .logo-container .logo-title:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#6a11cb,#2575fc);transition:width .4s ease}.navbar .wrapper .logo-container .logo-title:hover:after{width:100%}.navbar .wrapper .social{display:flex;gap:18px;align-items:center}.navbar .wrapper .social a img{width:24px;height:24px;object-fit:contain;transition:all .3s ease;filter:grayscale(30%) brightness(.9)}.navbar .wrapper .social a img:hover{filter:grayscale(0%) brightness(1)}