@import "https://fonts.googleapis.com/css2?family=Iosevka+Charon+Mono:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{color:#a955f7e6;background:linear-gradient(135deg,#0f0c29,#1a093e,#120c28);font-family:Iosevka Charon Mono,monospace,sans-serif;overflow-y:scroll}.particles{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.particles:before{content:"";background-image:radial-gradient(#a855f733 1.5px,#0000 1px);background-size:40px 40px;width:200%;height:200%;animation:20s linear infinite moveParticles;position:absolute}@keyframes moveParticles{0%{transform:translate(0)}to{transform:translate(-200px,-200px)}}section{scroll-snap-align:start;min-height:100vh;display:flex}nav{text-align:right;z-index:3;background:0 0;width:100%;height:28px;position:fixed;top:10px}nav a{color:#fff;margin:10px;font-size:18px;text-decoration:none}nav a:hover{color:#a855f7}#hero{width:100%;min-height:100dvh;padding:120px 80px;display:flex;position:relative;overflow:hidden}.hero-img{object-fit:cover;filter:brightness(.5)blur(1.2px);width:100%;height:100%;position:absolute;inset:0}.content{z-index:2;text-align:left;max-width:600px;position:relative}#about,#projects,#footer{flex-direction:column;margin-top:22px;padding:0 5vw;display:flex}section h1{font-size:48px;font-weight:500}section h2{opacity:.8;margin-top:10px;font-size:22px}section p{margin-top:60px;font-size:22px}.stacks{grid-template-columns:repeat(3,120px);justify-content:center;gap:20px;margin-top:60px;display:grid}.bottom-row{grid-column:span 3;justify-content:center;gap:40px;display:flex}.stack-card{cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:120px;padding:20px;transition:all .3s;display:flex}.stack-card:hover{background:#a855f733;transform:translateY(-5px)}.stack-card img{width:65px;margin-bottom:10px}.stack-card h3{font-size:20px}#about h1,#projects h1,#footer h1{margin-top:80px}.project-card{cursor:pointer;background-color:#a855f71a;border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:400px;margin-top:12px;padding:30px;transition:transform .3s,background .3s;display:flex}.projects-container{flex-wrap:wrap;justify-content:center;gap:80px;margin-top:30px;display:flex}.project-card:hover{background:#a855f733;transform:translateY(-5px)}.project-card img{border-radius:8px;width:80%;margin:30px auto 15px;display:block}.project-card a{color:#fff;background:#a855f733;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:8px 16px;text-decoration:none;display:flex;transform:translateY(-5px);box-shadow:0 8px 20px #a955f74d}.project-card a span{color:#a955f7e6;margin-bottom:10px;font-size:16px;font-weight:500}.project-card:hover a span{color:#fff;transition:all .6s}.project-card a:hover{background:#a955f7;transition:all .5s;transform:scale(1.05)}.project-card h3{margin-bottom:10px;font-size:24px}.project-card p{text-align:center;font-size:16px}.contact-container{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:100px;display:flex}.contacts-card a{color:#a955f7e6;border-radius:12px;flex-direction:column;align-items:center;padding:20px;text-decoration:none;transition:transform .3s,background .3s;display:flex}.contacts-card a:hover{color:#fff;background:#a855f733;transform:translateY(-5px)}.contacts-card img{width:70px;height:70px;margin-bottom:10px}.contacts-card span{text-align:center;font-size:16px;font-weight:500}@media (width<=768px){.projects-container{flex-direction:column;align-items:center}html{scroll-snap-type:none}.project-card{width:90%;margin:20px 0}.contact-container{flex-direction:column;align-items:center;gap:20px}h1,h2{text-align:center}.hero-img{object-fit:cover;object-position:60% center;width:100%;height:100%;transform:none}.nav-buttons{text-align:center}nav a{font-size:14px}#about,#projects,#footer{padding:0 20px}p{text-align:center}}