:root{--background:220 18% 8%;--foreground:220 15% 95%;--border:220 18% 20%;--card:220 18% 12%;--card-foreground:220 15% 95%;--primary:260 100% 70%;--primary-foreground:210 18% 8%;--secondary:210 18% 16%;--secondary-foreground:210 15% 85%;--muted-foreground:210 15% 60%;--neon-purple:260 100% 70%;--neon-blue:180 100% 70%;--neon-pink:300 100% 70%;--gradient-bg:linear-gradient(135deg,hsl(220 18% 8%),hsl(240 18% 12%));--gradient-neon:linear-gradient(135deg,hsla(280,4%,85%,0.7),hsl(266,73%,80%,0.4));--gradient-card:linear-gradient(135deg,hsl(220 18% 12%/0.8),hsl(240 18% 16%/0.8));--shadow-neon:0 0 2rem hsl(var(--primary)/0.3);--shadow-glow:0 0 2rem hsl(var(--primary)/0.2);--shadow-glow-card:0 0 0.5rem hsl(var(--primary)/0.1);--portfolio-background:var(--background);--portfolio-card-background:var(--card);--portfolio-text-color:var(--foreground);--portfolio-accent-color:var(--primary);--portfolio-border-color:var(--border);--portfolio-muted-color:var(--muted-foreground)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:hsl(var(--foreground));background:var(--gradient-bg);min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:8rem 1rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}img{pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none}body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}#custom-cursor{position:fixed;width:10px;height:10px;background-color:white;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;z-index:9999;transition:transform .12s ease-out}#custom-cursor.clicked{transform:translate(-50%,-50%) scale(1.6)}.nah{color:inherit;text-decoration:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-neon{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.floating-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-element{position:absolute;border-radius:50%;background:hsl(var(--neon-purple)/.15);filter:blur(40px)}.floating-element:first-child{top:5rem;left:5rem;width:8rem;height:8rem;background:hsl(var(--neon-purple)/.2)}.floating-element:nth-child(2){bottom:5rem;right:5rem;width:6rem;height:6rem;background:hsl(var(--neon-blue)/.2);animation-delay:2s}.floating-element:nth-child(3){top:50%;left:2.5rem;width:4rem;height:4rem;background:hsl(var(--neon-pink)/.2);animation-delay:4s}.floating-element:nth-child(4){bottom:25rem;right:12rem;width:4rem;height:4rem;background:hsl(var(--neon-pink)/.2);animation-delay:2s}.page-container{max-width:80rem;width:100%;margin:0 auto;padding-top:5rem}.site-header{width:100%;padding:.5rem 1rem;position:fixed;top:0;z-index:100;display:flex;justify-content:flex-end;align-items:center;background:none;border-bottom:none}.nav-link{color:hsl(var(--foreground));text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:background .3s ease,color .3s ease;-webkit-user-drag:none;user-select:none;background:hsl(var(--secondary)/.8)}.nav-link:hover{background:hsl(var(--primary)/.2);color:hsl(var(--primary))}.nav-link-button{background:none;border:none;color:hsl(var(--portfolio-muted-color));padding:.5rem .75rem;border-radius:.5rem;font-weight:600;font-size:1rem;white-space:nowrap;transition:all .15s ease}.nav-link-button:hover{color:hsl(var(--foreground));background:hsl(var(--primary)/.06)}.nav-link-button.active{color:hsl(var(--portfolio-accent-color));background:hsl(var(--primary)/.12);box-shadow:0 6px 18px hsl(var(--primary)/.06);border:1px solid hsl(var(--primary)/.15)}.profile-card{background:hsl(var(--card)/.95);border:1px solid hsl(var(--border)/.5);border-radius:1rem;box-shadow:var(--shadow-glow);padding:2rem;margin-top:4rem;max-width:24rem;width:100%;text-align:center;position:relative;z-index:10}.avatar-container{position:relative;margin:0 auto 1.5rem;width:6rem;height:6rem}.avatar-glow{position:absolute;inset:-.05rem;background:var(--gradient-neon);border-radius:50%;filter:blur(10px);opacity:.1;animation:pulse-neon 10s ease-in-out infinite;z-index:-1}.avatar{width:6rem;height:6rem;border-radius:50%;border:1px solid hsl(var(--primary));object-fit:cover;position:relative;z-index:10;box-shadow:var(--shadow-neon);-webkit-user-drag:none;user-select:none}.username{font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.5rem}.location-badge{display:inline-flex;align-items:center;gap:.25rem;background:hsl(var(--primary)/.2);color:hsl(var(--primary));border:1px solid hsl(var(--primary)/.3);padding:.25rem .75rem;border-radius:9999px}.bio,.location-badge{font-size:.9rem;margin-bottom:1.5rem}.bio{color:hsl(var(--muted-foreground));line-height:1.6;padding:0 .5rem}#bio-extra{overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease-in-out,opacity .3s ease-in-out,margin-top .4s ease-in-out}#bio-extra.expanded{opacity:1;margin-top:.5rem}.show-more-btn{background:none;border:none;color:hsl(var(--muted-foreground));font-size:.8rem;display:flex;align-items:center;gap:.25rem;margin:.5rem auto 0;padding:.25rem;border-radius:.25rem;transition:all .3s ease}.show-more-btn:hover{color:hsl(var(--foreground));background:hsl(var(--primary)/.1)}.chevron-icon{width:.75rem;height:.75rem;transition:transform .3s ease}.chevron-icon.rotated{transform:rotate(180deg)}.visitor-counter{justify-content:space-between;margin-top:1rem;color:hsl(var(--muted-foreground));width:100%}.counter-info,.visitor-counter{display:flex;align-items:center}.counter-info{gap:.5rem}.counter{position:relative;z-index:1;margin-left:-.75rem;-webkit-user-drag:none;user-select:none}.music-player{background:hsl(var(--secondary)/.3);border-radius:.5rem;padding:.75rem;margin-bottom:1.5rem}.music-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.track-details{flex-grow:1;text-align:left;min-width:0}.music-title{font-size:.8rem;font-weight:500;color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-artist{font-size:.7rem;color:hsl(var(--muted-foreground))}.music-controls{gap:.25rem}.music-btn,.music-controls{display:flex;align-items:center}.music-btn{background:none;border:none;color:hsl(var(--foreground));cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .3s ease;font-size:.8rem;justify-content:center}.music-btn:hover{background:hsl(var(--primary)/.1)}.progress-container{display:flex;align-items:center;gap:.5rem;margin-bottom:0}.progress-bar{flex:1;height:4px;background:hsl(var(--border));border-radius:2px;cursor:pointer;position:relative}.progress-fill{height:100%;background:hsl(var(--primary));border-radius:2px;width:0;transition:width .1s ease}.time-display{font-size:.625rem;color:hsl(var(--muted-foreground));min-width:2.5rem}.volume-container{display:flex;align-items:center;gap:.25rem}.volume-slider{width:0;opacity:0;overflow:hidden;transition:width .3s ease,opacity .3s ease;height:4px;background:hsl(var(--border));border-radius:2px;cursor:pointer;position:relative}.volume-container:hover .volume-slider{width:4rem;opacity:1}.volume-fill{height:100%;background:hsl(var(--primary));border-radius:2px;width:50%;transition:width .1s ease}.icon-music{width:.8rem;height:.8rem}.social-links{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:0 .5rem}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;width:2.5rem;height:2.5rem;background:hsl(var(--card)/.5);border:1px solid hsl(var(--primary)/.3);border-radius:.5rem;color:hsl(var(--foreground));text-decoration:none;transition:all .3s ease;cursor:pointer;-webkit-user-drag:none;user-select:none}.social-link:hover{background:hsl(var(--primary)/.1);border-color:hsl(var(--primary));box-shadow:var(--shadow-neon)}.icon{position:relative;z-index:2;width:1rem;height:1rem}.page-header{text-align:center;margin-bottom:2rem;position:sticky;top:5.25rem;z-index:60}.page-header h1{font-size:3rem;margin-bottom:1.5rem;position:relative;display:inline-block}.page-header h1:after{content:"";position:absolute;bottom:-1.5rem;left:50%;transform:translateX(-50%);width:5rem;height:3px;background:hsl(var(--portfolio-accent-color));border-radius:2px;box-shadow:0 0 10px hsl(var(--portfolio-accent-color))}.page-header p{font-size:1.1rem;color:hsl(var(--portfolio-muted-color));max-width:600px;margin:1rem auto}.category-selector-centered{display:flex;gap:1rem;justify-content:center;margin:1rem auto 3rem;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.category-selector-centered::-webkit-scrollbar{height:0;display:none}.portfolio-layout{display:flex;align-items:flex-start;gap:1rem}.portfolio-column{flex:1;gap:1rem;min-width:0}.portfolio-column,.project-card{display:flex;flex-direction:column}.project-card{background:hsl(var(--portfolio-card-background)/.95);border:1px solid hsl(var(--portfolio-border-color)/.5);border-radius:.75rem;padding:2rem;transition:box-shadow .3s ease,border-color .3s ease;text-decoration:none;color:inherit;-webkit-user-drag:none;box-shadow:var(--shadow-glow-card)}.project-card:hover{box-shadow:0 0 30px hsl(var(--primary)/.15),0 15px 30px rgba(0,0,0,.6);border-color:hsl(var(--primary)/.2)}.project-card h2{font-size:1.3rem;color:hsl(var(--portfolio-accent-color));margin-bottom:.5rem;line-height:1.3}.project-card p{font-size:1rem;color:hsl(var(--portfolio-muted-color));flex-grow:1;margin-bottom:1rem;overflow-wrap:break-word}.project-links{display:flex;gap:.8rem;margin-top:auto}.project-link{display:inline-flex;align-items:center;gap:.5rem;background:hsl(var(--secondary));color:hsl(var(--foreground));padding:.6rem 1rem;border-radius:.5rem;text-decoration:none;font-size:.9rem;font-weight:500;border:1px solid hsl(var(--border));transition:all .3s ease;-webkit-user-drag:none;user-select:none}.project-link:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary));box-shadow:0 0 10px hsl(var(--primary)/.5);transform:translateY(-2px)}.project-link svg{width:1rem;height:1rem}.category-section{margin-bottom:2rem;text-align:center}.category-section h2{font-size:1.5rem;color:hsl(var(--portfolio-accent-color));margin-bottom:.5rem}.category-section p{font-size:1rem;color:hsl(var(--portfolio-muted-color));margin-bottom:2rem}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem}.bookmark-card{background:hsl(var(--portfolio-card-background)/.8);border:1px solid hsl(var(--portfolio-border-color)/.5);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;transition:box-shadow .3s ease,border-color .3s ease;-webkit-user-drag:none;user-select:none;box-shadow:var(--shadow-glow-card)}.bookmark-card:hover{box-shadow:0 0 30px hsl(var(--primary)/.15),0 15px 30px rgba(0,0,0,.6);border-color:hsl(var(--primary)/.2)}.bookmark-card h3{font-size:1.3rem;color:hsl(var(--portfolio-accent-color));margin-bottom:.5rem}.bookmark-card p{font-size:1rem;color:hsl(var(--portfolio-muted-color));margin-bottom:.5rem}.nav-toggle{display:none;background:transparent;border:none;padding:.4rem;margin-right:0;cursor:pointer;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;gap:.25rem;border-radius:.5rem}.nav-toggle:focus{outline:2px solid hsl(var(--primary)/.6)}.nav-toggle-line{display:block;width:1.5rem;height:2px;background:hsl(var(--foreground));transition:transform .2s ease,opacity .2s ease}.nav-toggle.open .nav-toggle-line:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.open .nav-toggle-line:nth-child(2){opacity:0}.nav-toggle.open .nav-toggle-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.site-nav{display:flex;gap:.2rem;align-items:center}@media (max-width:640px){.profile-card{padding:1.5rem;max-width:20rem;margin-top:-2rem}.avatar,.avatar-container{width:5rem;height:5rem}.username{font-size:1.3rem}.page-header{margin-bottom:2rem;position:static;top:auto;z-index:auto}.project-card{padding:1rem;max-width:20rem;margin-top:0}.project-card h2{font-size:1.1rem}.project-card p{font-size:.9rem}.portfolio-layout{flex-direction:column;align-items:center}.page-container{max-width:80rem;padding-top:0}.category-selector-centered{padding-bottom:0;gap:.4rem}}@media (max-width:463px){.nav-toggle{display:flex;margin-right:0}.site-nav{display:flex;position:fixed;top:3.5rem;right:.5rem;max-width:20rem;flex-direction:column;align-items:flex-end;padding:.25rem;gap:.4rem;z-index:200;transform-origin:top right;transition:opacity .18s ease,transform .18s ease;opacity:0;transform:scale(.96);pointer-events:none;backdrop-filter:none}.site-nav.open{opacity:1;transform:scale(1);pointer-events:auto}.nav-link{display:block;text-align:right;padding:.65rem .85rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.1);transition:opacity .22s ease-out,transform .22s ease-out,background .3s ease,color .3s ease}.site-nav:not(.open) .nav-link{opacity:0;transform:translateY(-8px);pointer-events:none}.site-nav.open .nav-link{opacity:1;transform:translateY(0)}.site-nav.open .nav-link:first-child{transition-delay:40ms}.site-nav.open .nav-link:nth-child(2){transition-delay:80ms}.site-nav.open .nav-link:nth-child(3){transition-delay:.12s}.site-nav.open .nav-link:nth-child(4){transition-delay:.16s}.nav-link:hover{background:hsl(var(--primary)/.08);color:hsl(var(--primary))}.site-header{padding:.45rem .6rem}}