@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0;cursor:none!important}body{-webkit-font-smoothing:antialiased;font-family:JetBrains Mono,monospace;overflow-x:hidden}.cursor-outer{pointer-events:none;z-index:9999;will-change:transform;border:1.5px solid #c084fc80;border-radius:50%;width:32px;height:32px;transition:width .3s,height .3s,top .3s,left .3s,border-color .3s,background .3s;position:fixed;top:-16px;left:-16px}.cursor-outer.cursor-hover{background:#67e8f90d;border-color:#67e8f999;width:48px;height:48px;top:-24px;left:-24px}.cursor-inner{pointer-events:none;z-index:9999;will-change:transform;background:#c084fc;border-radius:50%;width:8px;height:8px;transition:background .3s,transform .1s;position:fixed;top:-4px;left:-4px}.cursor-inner.cursor-hover{background:#67e8f9;transform:scale(1.5)}@media (hover:none) and (pointer:coarse){.cursor-outer,.cursor-inner{display:none}*{cursor:auto!important}}.particle-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.page{z-index:1;background-color:#0a0a12;background-image:radial-gradient(at 20%,#581c8726 0%,#0000 60%),radial-gradient(at 80% 80%,#064e6126 0%,#0000 60%),radial-gradient(at 50% 20%,#1e0f3c4d 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.content{flex-direction:column;align-items:center;gap:16px;display:flex}.hand{opacity:0;font-size:56px;transition:all .6s cubic-bezier(.34,1.56,.64,1);transform:scale(.5)rotate(-20deg)}.hand.visible{opacity:1;animation:2s ease-in-out 1s infinite wave;transform:scale(1)rotate(0)}@keyframes wave{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}}.name{letter-spacing:-.02em;background:linear-gradient(90deg,#c084fc,#818cf8,#67e8f9);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:500;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.name.visible{opacity:1;transform:translateY(0)}.status{opacity:0;align-items:center;gap:8px;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(10px)}.status.visible{opacity:1;transform:translateY(0)}.dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 6px #22c55e00}}.status-text{color:#ffffff80;letter-spacing:.05em;font-size:.9rem}.projects-wrapper{opacity:0;margin-top:48px;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.projects-wrapper.visible{opacity:1;transform:translateY(0)}.projects-section{flex-direction:column;align-items:center;display:flex}.projects-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.project-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-width:180px;padding:24px 32px;text-decoration:none;transition:transform .15s ease-out,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;transform:translateY(15px)}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{border-color:var(--card-border,#ffffff26);box-shadow:0 0 30px #818cf814,0 8px 32px #0000004d}.project-emoji{font-size:32px}.project-title{color:#ffffffe6;font-size:.85rem;font-weight:500}.project-desc{color:#ffffff59;text-align:center;max-width:160px;font-size:.7rem}.project-arrow{color:#fff3;font-size:.75rem;transition:color .3s,transform .3s;position:absolute;top:12px;right:14px}.project-card:hover .project-arrow{color:var(--card-border,#fff9);transform:translate(2px,-2px)}@media (width<=640px){.hand{font-size:40px}.name{font-size:2rem}.projects-grid{flex-direction:column}.project-card{min-width:200px}}