:root{--bg-base: hsl(260, 18%, 5%);--bg-elevated: hsl(260, 14%, 8%);--accent: hsl(270, 32%, 68%);--accent-rgb: 158, 134, 196;--accent-2: hsl(220, 40%, 62%);--accent-2-rgb: 107, 134, 196;--accent-warm: hsl(32, 70%, 60%);--accent-warm-rgb: 214, 163, 77;--ig-rgb: 247, 119, 55;--dc-rgb: 88, 101, 242;--li-rgb: 10, 145, 212;--gh-rgb: 201, 209, 217;--yt-rgb: 255, 68, 68;--text-primary: rgba(240, 238, 245, .94);--text-secondary: rgba(165, 160, 190, .88);--text-muted: rgba(120, 115, 145, .68);--glass-bg: rgba(255, 255, 255, .028);--glass-bg-hover: rgba(255, 255, 255, .048);--glass-border: rgba(200, 195, 220, .07);--glass-border-hover: rgba(200, 195, 220, .13);--glass-blur: 20px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.76, 0, .24, 1);--dur-fast: .14s;--dur-mid: .32s;--dur-slow: .56s;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 26px;--radius-2xl: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::selection{background:rgba(var(--accent-rgb),.28);color:var(--text-primary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.35);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb),.6)}.skip-link{position:absolute;top:-100px;left:1rem;background:var(--accent);color:var(--bg-base);padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;z-index:1000;transition:top .2s ease}.skip-link:focus{top:1rem}#grain{position:fixed;top:-60%;right:-60%;bottom:-60%;left:-60%;width:220%;height:220%;pointer-events:none;z-index:5;opacity:.042;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}#yt-bg-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}#yt-player-container{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%}#bg-video{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.06) brightness(.78)}#yt-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0a081266,#0a081240 40%,#0a08128c)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 70% at 50% 50%,transparent 30%,rgba(10,8,18,.55) 70%,rgba(10,8,18,.9) 100%);pointer-events:none;z-index:1}#fog-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.fog{position:absolute;width:250%;height:100%;opacity:0}.fog-1{top:0;left:-75%;background:radial-gradient(ellipse 55% 75% at 25% 55%,rgba(12,8,24,.42) 0%,transparent 65%);opacity:.6;animation:fog-drift 32s ease-in-out infinite alternate}.fog-2{top:30%;left:-25%;background:radial-gradient(ellipse 60% 55% at 70% 50%,rgba(12,8,24,.3) 0%,transparent 65%);opacity:.4;animation:fog-drift 45s ease-in-out infinite alternate-reverse}.fog-3{bottom:0;left:-50%;background:radial-gradient(ellipse 80% 40% at 50% 100%,rgba(12,8,24,.55) 0%,transparent 70%);opacity:.7;animation:fog-drift 28s ease-in-out infinite alternate;animation-delay:-8s}@keyframes fog-drift{0%{transform:translate(-20%)}to{transform:translate(20%)}}#audio-controls{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;background:#0c0e1ab8;border:1px solid rgba(255,255,255,.08);border-radius:99px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 32px #00000073;-webkit-user-select:none;user-select:none;transition:border-color .3s}#audio-controls:hover{border-color:#ffffff21}#visualizer{display:flex;align-items:flex-end;gap:2.5px;height:18px;padding:0 2px}#visualizer .bar{display:block;width:3px;height:var(--h, 3px);background:rgba(var(--accent-rgb),.85);border-radius:2px;min-height:3px;max-height:18px;will-change:height}#mute-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:99px;transition:color .2s,transform .15s;flex-shrink:0}#mute-btn:hover{color:var(--text-primary);transform:scale(1.1)}#mute-btn svg{width:18px;height:18px;display:block}#now-playing{display:flex;flex-direction:column;min-width:0;gap:1px}#track-name{font-size:.72rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}#track-artist{font-size:.62rem;color:var(--text-muted);white-space:nowrap}#seeker-wrapper{display:flex;align-items:center}#seeker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:72px;height:3px;border-radius:99px;background:#ffffff1f;outline:none;cursor:pointer}#seeker::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.6);cursor:pointer}#vol-fill{position:absolute;left:0;top:0;bottom:0;width:100%;transform-origin:left center;transform:scaleX(var(--vol-scale, .3));background:rgba(var(--accent-rgb),.04);border-radius:99px;pointer-events:none;transition:transform .15s ease}.container{position:relative;z-index:20;max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:1.1rem}.content-col{display:flex;flex-direction:column;gap:1.1rem}.profile{display:flex;justify-content:center;margin-bottom:.5rem}.profile-panel{position:relative;width:100%;border-radius:var(--radius-2xl);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 24px 64px -20px #0009,inset 0 1px #ffffff0f,inset 0 -1px #00000026;transition:box-shadow .7s var(--ease-out),border-color var(--dur-mid) ease}.profile-panel:hover{border-color:var(--glass-border-hover);box-shadow:0 0 0 1px #ffffff0f,0 32px 80px -20px #000000b3,inset 0 1px #ffffff1a,inset 0 -1px #0000001a}.profile-panel-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:500px;height:260px;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.14) 0%,transparent 70%);pointer-events:none;filter:blur(24px)}.profile-panel-content{position:relative;z-index:2;padding:2.2rem 2rem 2.4rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.profile-hover-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/media/setup.jpg) center/cover no-repeat;opacity:0;transition:opacity .6s ease;z-index:0}.avatar-wrapper{position:relative;width:88px;height:88px;margin-bottom:.2rem}.avatar-aura{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.25) 0%,transparent 70%);animation:aura-breathe 4s ease-in-out infinite alternate}@keyframes aura-breathe{0%{transform:scale(.92);opacity:.5}to{transform:scale(1.15);opacity:.9}}.avatar-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(var(--accent-rgb),.8) 120deg,transparent 240deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),white calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),white calc(100% - 2px));animation:ring-spin 6s linear infinite}@keyframes ring-spin{to{transform:rotate(360deg)}}.avatar{position:relative;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(var(--accent-rgb),.25),#0c0e1ae6);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff26}.avatar-initials{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.name-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.name{font-size:clamp(1.55rem,3.5vw,2.1rem);font-weight:800;letter-spacing:-.045em;background:linear-gradient(135deg,#f0eef5f7,#c3b9d7e0 45%,#f0eef5f0 60%,#aaafd2cc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.alias{font-size:.72rem;font-weight:600;letter-spacing:.08em;color:rgba(var(--accent-rgb),.75);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.2);padding:3px 10px;border-radius:99px;white-space:nowrap}.tagline{font-size:.88rem;font-weight:400;color:var(--text-secondary)}.status-badge{position:relative;display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:500;color:var(--text-secondary);background:#4ade8012;border:1px solid rgba(74,222,128,.2);padding:5px 14px 5px 10px;border-radius:99px}.status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;flex-shrink:0;box-shadow:0 0 6px #4ade80b3}.status-pulse-ring{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;border:1.5px solid rgba(74,222,128,.55);animation:status-ring 2.2s ease-out infinite;pointer-events:none}@keyframes status-ring{0%{transform:translateY(-50%) scale(1);opacity:.8}to{transform:translateY(-50%) scale(3.2);opacity:0}}.status-text{color:#4ade80d9;font-weight:600}.section-heading{position:relative;display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);padding-bottom:6px}.section-heading-icon{font-size:.9rem}.heading-underline{position:absolute;bottom:0;left:0;height:1.5px;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,rgba(var(--accent-rgb),.7),transparent);border-radius:99px;transition:transform .7s var(--ease-out)}.bio-section{position:relative}.bio-card{position:relative;background:#181426d1;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 0 0 1px #ffffff06,0 16px 48px -12px #00000080,inset 0 1px #ffffff0e;overflow:hidden;transition:background var(--dur-mid) ease,border-color var(--dur-mid) ease,box-shadow var(--dur-slow) ease;padding:1.4rem 1.5rem 1.4rem 1.6rem;transform:perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.bio-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--accent),var(--accent-2));border-radius:1px 0 0 1px;opacity:.65}.bio-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:48px;background:linear-gradient(to right,rgba(var(--accent-rgb),.06),transparent);pointer-events:none;border-radius:inherit}.bio-card:hover{background:#1c182ce0;border-color:var(--glass-border-hover);box-shadow:0 0 0 1px #ffffff0f,0 24px 64px -12px #0009,inset 0 1px #ffffff14}.bio-card__label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;display:block}.bio-text{font-size:.88rem;color:var(--text-secondary);line-height:1.7}.bio-mark{background:rgba(var(--accent-rgb),.15);color:var(--text-primary);padding:1px 6px;border-radius:4px;font-weight:500}.bio-cursor{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:3px;vertical-align:middle;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.currently-section{display:flex;flex-direction:column;gap:.65rem}.currently-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.currently-card{position:relative;display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;background:#141120e0;border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 8px 24px -8px #0006;overflow:hidden;transition:background var(--dur-mid) ease,border-color var(--dur-mid) ease,box-shadow var(--dur-slow) ease;transform:perspective(800px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.currently-card:hover{background:#1a1628eb;border-color:var(--glass-border-hover);box-shadow:0 16px 40px -12px #00000080}.currently-icon{font-size:1.25rem;flex-shrink:0;line-height:1}.currently-info{display:flex;flex-direction:column;gap:2px;min-width:0}.currently-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);display:block}.currently-value{font-size:.82rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.currently-value.mono{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--accent)}.live-badge{position:absolute;top:8px;right:8px;font-size:.55rem;font-weight:700;letter-spacing:.08em;color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.25);padding:1px 5px;border-radius:4px}.chips-section{display:flex;flex-direction:column;gap:.65rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font-size:.73rem;font-weight:500;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);padding:5px 13px;border-radius:99px;cursor:pointer;transition:color var(--dur-fast) ease,background var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-mid) ease;-webkit-user-select:none;user-select:none}.chip:hover{color:var(--text-primary);background:rgba(var(--accent-rgb),.09);border-color:rgba(var(--accent-rgb),.28);transform:translateY(-2px);box-shadow:0 6px 18px -4px rgba(var(--accent-rgb),.25)}.links{display:flex;flex-direction:column;gap:.65rem}.instagram{--card-accent-rgb: var(--ig-rgb)}.discord{--card-accent-rgb: var(--dc-rgb)}.linkedin{--card-accent-rgb: var(--li-rgb)}.github{--card-accent-rgb: var(--gh-rgb)}.youtube{--card-accent-rgb: var(--yt-rgb)}.link-card{position:relative;display:flex;align-items:center;gap:14px;padding:13px 15px;background:#141120e0;border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 0 0 1px #ffffff06,0 8px 32px -8px #00000073,inset 0 1px #ffffff0b;text-decoration:none;color:inherit;overflow:hidden;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:background var(--dur-mid) ease,border-color var(--dur-mid) ease,box-shadow var(--dur-slow) ease}.link-card:hover{background:#1c182ceb;border-color:rgba(var(--accent-rgb),.18);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.08),0 20px 56px -12px #0009,inset 0 1px #ffffff12}.link-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(var(--card-accent-rgb, 255, 255, 255),.1);border:1px solid rgba(var(--card-accent-rgb, 255, 255, 255),.15);color:rgb(var(--card-accent-rgb, 200, 210, 220))}.link-icon svg{width:20px;height:20px}.link-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.link-label{display:block;font-size:.82rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.link-handle{display:block;font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-handle{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:var(--text-muted);cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .22s ease,transform .22s var(--ease-spring);position:relative;z-index:2}.copy-handle svg{width:13px;height:13px}.link-card:hover .copy-handle{opacity:1;transform:scale(1)}.link-arrow{flex-shrink:0;color:var(--text-muted);transition:transform .2s ease,color .2s ease}.link-arrow svg{width:16px;height:16px;display:block}.link-card:hover .link-arrow{transform:translate(2px,-2px);color:var(--text-primary)}.quote-section{position:relative;padding:1.5rem 1.5rem 1.3rem 1.6rem;background:#141120e0;border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:background var(--dur-mid) ease,border-color var(--dur-mid) ease}.quote-section:hover{background:#1a1628eb;border-color:var(--glass-border-hover)}.quote-mark{position:absolute;top:-10px;left:16px;font-size:5rem;font-family:Georgia,serif;line-height:1;color:rgba(var(--accent-rgb),.28);-webkit-user-select:none;user-select:none;pointer-events:none}.quote-text{position:relative;z-index:1;font-size:.9rem;font-weight:400;font-style:italic;color:var(--text-secondary);line-height:1.65;margin-bottom:.65rem}.quote-author{position:relative;z-index:1;font-size:.73rem;font-style:normal;color:var(--text-muted);font-weight:500}.quote-note{font-weight:400;opacity:.75}.footer{text-align:center;margin-top:3rem;font-size:.72rem;color:var(--text-muted);letter-spacing:.06em}.heart{color:rgba(var(--accent-rgb),.75);display:inline-block;animation:heart-beat 2.4s ease-in-out infinite}@keyframes heart-beat{0%,to{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.15)}56%{transform:scale(1)}}@media(max-width:760px){.content-grid{grid-template-columns:1fr}.currently-grid{grid-template-columns:1fr 1fr}.container{padding:2rem 1rem 6rem}#audio-controls{max-width:calc(100vw - 2rem)}#seeker-wrapper{display:none}}@media(max-width:420px){.currently-grid{grid-template-columns:1fr}.chips{gap:.4rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.avatar-aura,.avatar-ring,.avatar-pulse,.status-pulse-ring,#grain,.fog,.bio-particle,.bio-cursor{animation:none!important}}