@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color:#000;--card-bg:#0a0a0a99;--card-border:#ffffff14;--text-main:#fff;--text-muted:#888;--accent:#fff;--font-heading:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-user-drag:none;margin:0;padding:0;cursor:none!important}body{font-family:var(--font-heading);background:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;position:relative;overflow-x:hidden}.stars-container{z-index:-1;pointer-events:none;background:#000;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}#stars,#stars2,#stars3{will-change:transform;background-image:radial-gradient(#fff,#ffffff80 1px,#0000 2px),radial-gradient(#fff,#ffffff4d 1px,#0000 2px),radial-gradient(#fff,#ffffff1a 1px,#0000 2px);background-position:0 0,40px 60px,130px 270px;background-size:600px 600px,400px 400px,200px 200px;width:200%;height:200%;position:absolute;top:0;left:0}#stars{opacity:.6;animation:150s linear infinite animateStars}#stars2{opacity:.4;animation:100s linear infinite animateStars}#stars3{opacity:.2;animation:70s linear infinite animateStars}@keyframes animateStars{0%{transform:translate(0,0)}to{transform:translate(-50%,-50%)}}.glow-bg{background:radial-gradient(circle 600px at var(--mouse-x,50vw) var(--mouse-y,50vh), #ffffff0a, transparent 40%);pointer-events:none;z-index:0;width:100vw;height:100vh;transition:background .1s;position:fixed;top:0;left:0}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);transition:border-color .4s,box-shadow .4s;box-shadow:0 30px 60px #000c,inset 0 0 0 1px #ffffff05}.custom-cursor-dot{background-color:var(--accent);pointer-events:none;z-index:9999;will-change:width, height, opacity, left, top;border-radius:50%;width:6px;height:6px;transition:width .1s cubic-bezier(.25,.46,.45,.94),height .1s cubic-bezier(.25,.46,.45,.94),opacity .1s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor-outline{pointer-events:none;z-index:9998;will-change:width, height, background-color, border-color, left, top;border:1px solid #fff6;border-radius:50%;width:32px;height:32px;transition:width .15s cubic-bezier(.25,.46,.45,.94),height .15s cubic-bezier(.25,.46,.45,.94),background-color .15s,border-color .15s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body:active .custom-cursor-dot{transform:translate(-50%,-50%)scale(1.5)}.text-gradient{background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-container{z-index:10;justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex;position:relative}.max-w-content{width:100%;max-width:800px}.max-w-large{width:100%;max-width:1000px}h1.title{letter-spacing:-1px;text-transform:uppercase;text-align:center;margin-bottom:24px;font-size:3rem;font-weight:800}h2.section-title{text-transform:uppercase;text-align:center;margin-bottom:40px;font-size:2.5rem;font-weight:700}.text-mono{font-family:var(--font-mono);color:var(--text-muted);font-size:.9rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.gap-4{gap:32px}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);will-change:box-shadow, border-color;border-radius:16px;padding:40px;transition:border-color .15s cubic-bezier(.25,.46,.45,.94),box-shadow .15s cubic-bezier(.25,.46,.45,.94);box-shadow:0 30px 60px #000c,inset 0 0 0 1px #ffffff05}.glass-panel:hover{border-color:#fff3;box-shadow:0 40px 80px #000000fc,inset 0 0 0 1px #ffffff14}.badge-icon{color:#888;will-change:transform, background-color, color;background:#000;border:1px solid #333;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .1s cubic-bezier(.25,.46,.45,.94);display:flex}.link-card{color:#fff;will-change:background-color, color;background:0 0;border:1px solid #333;border-radius:12px;padding:16px;text-decoration:none;transition:all .1s cubic-bezier(.25,.46,.45,.94)}.link-card:hover{color:#000;background:#fff}.link-card:hover .icon-gray{color:#000}.icon-gray{color:#888;will-change:color;transition:color .1s cubic-bezier(.25,.46,.45,.94)}.skill-card{text-align:left;will-change:background-color, border-color, color;background:0 0;border:1px solid #333;border-radius:12px;padding:16px;transition:all .1s cubic-bezier(.25,.46,.45,.94)}.skill-card:hover{color:#000;background:#fff;border-color:#fff}.skill-card:hover .icon-gray,.skill-card:hover .text-mono{color:#000}.skill-card:hover .skill-level{color:#fff;background:#000}.skill-level{text-transform:uppercase;color:#888;will-change:background-color, color;background:#222;border-radius:4px;padding:4px 8px;font-size:.65rem;transition:all .1s cubic-bezier(.25,.46,.45,.94)}.project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.project-card{will-change:transform;background:#000;border:1px solid #333;border-radius:12px;flex-direction:column;transition:transform .15s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden}.project-image{will-change:transform;background-position:50%;background-size:cover;border-bottom:1px solid #333;height:140px;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-image{transform:scale(1.05)}.project-content{z-index:2;background:#000;padding:24px;position:relative}.project-icon-box{will-change:background-color, border-color;background:#000;border:1px solid #444;border-radius:10px;padding:10px;transition:all .1s cubic-bezier(.25,.46,.45,.94);position:absolute;top:-24px;right:24px}.project-card:hover .project-icon-box{background:#fff;border-color:#fff}.project-card:hover .project-icon-box svg{color:#000}.nav-bar{z-index:50;border-radius:50px;padding:12px 24px;position:fixed;top:24px;left:50%;transform:translate(-50%)}.nav-link{color:#888;text-transform:uppercase;letter-spacing:1px;will-change:color;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .1s cubic-bezier(.25,.46,.45,.94)}.nav-link:hover{color:#fff}.nav-btn{color:#000;text-transform:uppercase;will-change:background-color;background:#fff;border-radius:50px;padding:8px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .1s cubic-bezier(.25,.46,.45,.94)}.nav-btn:hover{background:#ccc}