*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f4f4f5;background:#09090c;margin:0;font-family:Arial,Helvetica,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;filter:blur(30px);background:radial-gradient(circle at 50% 110%,#5858583a,#0000 30%),radial-gradient(circle at 50% 110%,#a8a8a825,#0000 40%);position:fixed;inset:0}a{color:inherit}main{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8080800e;border-left:1px solid #c0c0c01f;border-right:1px solid #b3b3b31f;width:min(1200px,100% - 40px);margin:0 auto;padding:48px 240px;position:relative;box-shadow:0 0 80px #c8c8c90c,inset 0 0 40px #ffffff05}section{align-content:center;margin-bottom:144px;display:grid}.hero{flex-direction:column;justify-content:center;min-height:calc(100vh - 144px);display:flex}.eyebrow{color:#38bdf8;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-weight:700}h1{margin:0 0 24px;font-size:clamp(42px,8vw,72px);line-height:1}h2{color:#38bff8d3;margin-bottom:20px;font-size:34px}h3{color:#d42f2fa6;margin-top:0;font-size:24px}p{color:#c9c9d1;font-size:17px;line-height:1.7}.hero-text{max-width:650px;font-size:20px}.button-group{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;height:2.8rem;padding:12px 18px;font-weight:700;text-decoration:none;transition:font-size .2s,transform .2s;display:flex}.button.primary:hover,.button:hover{transform:scale(1.05)}.primary{color:#071015;background:#38bdf8}.secondary{color:#f4f4f5;border:1px solid #555563}.project-card{background:#36363636;border:1px solid #c0c0c01f;border-radius:18px;margin-bottom:24px;padding:28px}.project-card ul{color:#c9c9d1;padding-left:20px;line-height:1.8}.tags{color:#747474;font-weight:700}.skills{flex-wrap:wrap;gap:12px;display:flex}.skills span{color:#f4f4f5;background:#36363636;border:1px solid #c0c0c01f;border-radius:999px;padding:15px 21px;font-size:18px}.btn{background:#242424;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.btn i{color:#afafb7;font-size:1.8rem;transition:all .3s}@property --fill{syntax:"<percentage>";inherits:true;initial-value:0%}.outside{background:conic-gradient(#38bdf8 var(--fill), transparent var(--fill));cursor:pointer;border:none;border-radius:50%;outline:none;padding:3px;text-decoration:none;transition:--fill .5s ease-in-out,transform .2s ease-in-out;display:inline-block}.outside:hover{--fill:100%;transform:scale(1.05)}.outside:hover .btn i{color:#38bdf8;font-size:1.9rem}.spark{pointer-events:none;z-index:-1;background:#3d3d3d34;border-radius:50%;width:24px;height:24px;animation:3s linear forwards spark;position:absolute}.hidden{opacity:0;filter:blur(6px);transition:opacity .8s,transform .8s,filter .8s;transform:translateY(50px)}.show{opacity:1;filter:blur();transform:translateY(0)}#root{isolation:isolate}@keyframes spark{to{transform:translate(var(--x), var(--y));opacity:0}}@media (width<=600px){main{width:min(100% - 28px,900px);padding:32px 0}section{margin-bottom:72px}.project-card{padding:22px}}