@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&display=swap";.header{padding:2.5rem 0 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:var(--text-primary, #ffffff)}.header-right{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.theme-toggle{background:transparent;border:none;color:var(--text-primary, #ffffff);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.theme-toggle:hover{background:var(--header-info-bg, rgba(255, 255, 255, .04))}.lets-talk-btn{background:var(--header-info-bg, rgba(255, 255, 255, .04));color:var(--text-primary);border:1px solid var(--header-info-border, rgba(255, 255, 255, .08));padding:.6rem 1.4rem;border-radius:100px;font-weight:600;font-size:.85rem;cursor:pointer;transition:width .4s cubic-bezier(.2,.8,.2,1),background .3s,transform .2s;white-space:nowrap;letter-spacing:-.2px;width:100px;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;display:flex;align-items:center;justify-content:center}.lets-talk-btn.copied{width:200px;border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}.lets-talk-btn:hover{background:var(--header-info-bg, rgba(255, 255, 255, .08));color:var(--text-primary);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.header-info{background:var(--header-info-bg, rgba(255, 255, 255, .04));border:1px solid var(--header-info-border, rgba(255, 255, 255, .08));border-radius:100px;padding:.6rem 1.1rem;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--text-secondary, #777777);white-space:nowrap;transition:all .3s ease}.time-display{cursor:pointer;min-width:140px;justify-content:center;overflow:hidden}.time-display:hover{background:var(--card-border);color:var(--text-primary)}.fade-text{animation:slideUpFade .4s cubic-bezier(.2,.8,.2,1);display:inline-block}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.online{background:#22c55e;box-shadow:0 0 10px #22c55e99;animation:statusPulse 2s ease-in-out infinite}.status-dot.offline{background:#ef4444;box-shadow:0 0 10px #ef444499}.clock{color:var(--text-primary, #ffffff);font-family:Bricolage Grotesque,monospace;letter-spacing:.5px;font-weight:700;transition:all .3s ease}@media(max-width:768px){.header{padding:1.5rem 0 1rem;gap:1rem}.header-right{width:100%;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.lets-talk-btn,.lets-talk-btn.copied{order:3;width:100%;margin-top:.5rem}.theme-toggle{order:2}.header-info{font-size:.75rem;padding:.5rem .8rem}.header-info span:not(.status-dot):not(.clock){display:none}.time-display{min-width:auto}}.hero{padding-top:1rem;margin-bottom:5rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:100px;margin-bottom:2rem;font-size:.85rem;font-weight:600;color:#a5b4fc}.badge-dot{width:6px;height:6px;border-radius:50%;background:#6366f1;animation:statusPulse 2s ease-in-out infinite}.hero h1{font-size:5.5rem;font-weight:800;line-height:.95;margin-bottom:2rem;letter-spacing:-4px}.title-line{display:block}.title-line:first-child{color:var(--text-primary, #ffffff)}.title-line:last-child{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-height:1.1em}.typed-line{display:inline-block}.cursor{-webkit-text-fill-color:#6366f1;animation:blink 1s step-end infinite}.hero-subtitle{font-size:1.15rem;color:#555;max-width:500px;font-weight:500;line-height:1.7}@media(max-width:768px){.hero h1{font-size:3.5rem;letter-spacing:-2px}.hero-subtitle{font-size:1rem}.hero-badge{font-size:.75rem}}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:5rem}.metric{padding:2.25rem 2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;position:relative}.metric:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,#6366f126,#a855f71a);border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:-1}.metric:hover:after{opacity:1}.metric:hover{border-color:#6366f14d;transform:translateY(-2px)}.metric-value{font-size:3rem;font-weight:800;margin-bottom:.5rem;background:var(--metric-gradient, linear-gradient(135deg, #ffffff, #6366f1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px}.metric-label{font-size:.8rem;color:#555;font-weight:700;text-transform:uppercase;letter-spacing:2px}@media(max-width:768px){.metrics{grid-template-columns:1fr 1fr;gap:.75rem}.metric-value{font-size:2.25rem}}.section{margin-bottom:4rem}.section-header{font-size:1.25rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-1px}.work{padding:1.75rem 2rem;background:var(--card-bg, rgba(255, 255, 255, .025));border:1px solid var(--card-border, rgba(255, 255, 255, .06));border-radius:20px;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;position:relative}.work:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,#6366f11a,#a855f714);border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:-1}.work:hover:after{opacity:1}.work:hover{border-color:#6366f140;transform:translate(4px)}.work-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.work-left{display:flex;align-items:center;gap:1rem}.work-title{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;color:var(--text-primary, #ffffff)}.work-title span{transition:all .3s ease}.work:hover .work-title span{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor)}.tag{padding:.45rem .9rem;border-radius:100px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#ffffff14;color:#aaa}.work-desc{font-size:.95rem;color:#666;font-weight:500;line-height:1.65;margin-bottom:1.25rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{padding:.4rem .8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;font-size:.75rem;color:#666;font-weight:600;transition:all .2s ease}.tech-tag:hover{border-color:#ffffff26;color:#aaa}.work-actions{display:flex;gap:.75rem;margin-top:1.5rem}.action-btn{padding:.85rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:700;text-decoration:none;text-align:center;cursor:pointer;transition:all .2s ease;font-family:Bricolage Grotesque,sans-serif;border:1px solid;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.action-btn svg{width:18px;height:18px;fill:currentColor}.action-btn.primary{background:#22d3ee1a;border-color:#22d3ee4d;color:#22d3ee}.action-btn.primary:hover{background:#22d3ee33;border-color:#22d3ee80;transform:translateY(-2px)}.action-btn.secondary{background:#5865f21a;border-color:#5865f24d;color:#5865f2}.action-btn.secondary:hover{background:#5865f233;border-color:#5865f280;transform:translateY(-2px)}@media(max-width:768px){.work-top{flex-direction:column;align-items:flex-start;gap:1rem}.work-left{flex-direction:column;align-items:flex-start;gap:.75rem}.work-actions{flex-direction:column;width:100%}.action-btn{width:100%}}.status{padding:1rem 1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:100px;font-weight:500;font-size:.85rem;color:var(--text-secondary);margin-top:2rem;display:block;width:100%;box-shadow:0 4px 20px #00000005}.status-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%}.status-item{display:flex;align-items:center;gap:.6rem}.status-indicator{width:6px;height:6px;border-radius:50%}.status-indicator.online{background:#22c55e;box-shadow:0 0 8px #22c55e66}.status-indicator.offline{background:#ef4444;box-shadow:0 0 8px #ef444466}.status-divider{width:1px;height:16px;background:var(--card-border)}.visitor-indicator{width:6px;height:6px;border-radius:50%;background:#6366f1;animation:pulse 2s infinite}.visitor-count{font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:640px){.status{border-radius:16px;width:100%;display:block}.status-content{flex-direction:column;align-items:flex-start;gap:.8rem}.status-divider{display:none}}.footer{padding:3rem 0;text-align:center;color:var(--text-secondary, #444444);font-size:.875rem;font-weight:600;border-top:1px solid var(--card-border, rgba(255, 255, 255, .05));margin-top:5rem}.spotify-widget{position:fixed;bottom:2rem;left:2rem;background:var(--card-bg, rgba(255, 255, 255, .05));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border, rgba(255, 255, 255, .1));padding:.75rem 1rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;z-index:100;transition:all .3s ease;max-width:300px}.spotify-widget:hover{background:var(--header-info-bg, rgba(255, 255, 255, .08));transform:translateY(-2px)}.spotify-icon{display:flex;align-items:center;justify-content:center;animation:spin 4s linear infinite}.spotify-info{display:flex;flex-direction:column;gap:.1rem}.spotify-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #888);font-weight:600}.spotify-track{display:flex;flex-direction:column;line-height:1.2}.track-name{font-size:.85rem;font-weight:700;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-name{font-size:.75rem;color:var(--text-secondary, #aaa)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.spotify-widget{bottom:1rem;left:1rem;padding:.5rem .75rem}.spotify-label{display:none}}:root{--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .4);--bg-color: #050505;--text-primary: #ffffff;--text-secondary: #888888;--card-bg: rgba(255, 255, 255, .025);--card-border: rgba(255, 255, 255, .06);--header-info-bg: rgba(255, 255, 255, .04);--header-info-border: rgba(255, 255, 255, .08);--metric-gradient: linear-gradient(135deg, #ffffff 0%, #6366f1 100%);--button-bg: var(--accent);--button-text: #ffffff}[data-theme=light]{--bg-color: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--card-bg: #ffffff;--card-border: #e2e8f0;--header-info-bg: #f1f5f9;--header-info-border: #e2e8f0;--accent-glow: rgba(99, 102, 241, .15);--metric-gradient: linear-gradient(135deg, #4f46e5 0%, #9333ea 100%);--button-bg: #0f172a;--button-text: #ffffff}*{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto}html{scroll-behavior:smooth;background:var(--bg-color);min-height:100%}body{font-family:Bricolage Grotesque,sans-serif;background:var(--bg-color);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s,color .3s;min-height:100dvh}.accent-line{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent) 20%,#a855f7 50%,var(--accent) 80%,transparent 100%);background-size:200% 100%;animation:gradientFlow 8s ease-in-out infinite;z-index:100}@keyframes gradientFlow{0%,to{background-position:0% center}50%{background-position:200% center}}.shining-text{position:relative;background:linear-gradient(to right,#fff,#fff 40%,#a3a3a3,#fff 60%,#fff);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shine 8s linear infinite}[data-theme=light] .shining-text{background:linear-gradient(to right,#000,#000 40%,#666,#000 60%,#000);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes shine{to{background-position:200% center}}.glow-orb{position:fixed;width:600px;height:600px;border-radius:50%;pointer-events:none;filter:blur(120px);opacity:.07;z-index:0}.orb-1{top:-200px;right:-200px;background:var(--accent)}.orb-2{bottom:-200px;left:-200px;background:#a855f7}.container{max-width:880px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 8px var(--accent-glow)}50%{opacity:.5;box-shadow:0 0 16px var(--accent-glow)}}@keyframes shimmer{to{background-position:200% center}}.gradient-text{background:linear-gradient(135deg,#ffffff 0%,var(--accent) 50%,#a855f7 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGradient 5s ease infinite}@keyframes textGradient{0%,to{background-position:0% center}50%{background-position:200% center}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:768px){.container{padding:0 1.5rem}}