:root,[data-theme=midnight]{--bg-primary: #09090b;--bg-secondary: #111114;--bg-card: rgba(255, 255, 255, .025);--bg-card-hover: rgba(255, 255, 255, .055);--border-default: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .14);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-label: #52525b;--accent: #a78bfa;--accent-hover: #c4b5fd;--accent-subtle: rgba(167, 139, 250, .08);--accent-glow: rgba(167, 139, 250, .12);--ambient-a: rgba(167, 139, 250, .07);--ambient-b: rgba(56, 189, 248, .04);--spotify-green: #1db954;--switcher-bg: rgba(255, 255, 255, .04);--switcher-border: rgba(255, 255, 255, .06);--avatar-ring: rgba(167, 139, 250, .3);--section-line: rgba(255, 255, 255, .04);--hero-gradient: linear-gradient( 90deg, #ffffff 0%, #a78bfa 25%, #38bdf8 50%, #a78bfa 75%, #ffffff 100% )}[data-theme=ocean]{--bg-primary: #0a1628;--bg-secondary: #0f1d32;--bg-card: rgba(56, 189, 248, .025);--bg-card-hover: rgba(56, 189, 248, .055);--border-default: rgba(56, 189, 248, .07);--border-hover: rgba(56, 189, 248, .18);--text-primary: #e0f2fe;--text-secondary: #7dd3fc;--text-tertiary: #38bdf8;--text-label: #1d4ed8;--accent: #38bdf8;--accent-hover: #7dd3fc;--accent-subtle: rgba(56, 189, 248, .08);--accent-glow: rgba(56, 189, 248, .12);--ambient-a: rgba(56, 189, 248, .06);--ambient-b: rgba(99, 102, 241, .04);--spotify-green: #1db954;--switcher-bg: rgba(56, 189, 248, .04);--switcher-border: rgba(56, 189, 248, .08);--avatar-ring: rgba(56, 189, 248, .3);--section-line: rgba(56, 189, 248, .06);--hero-gradient: linear-gradient( 90deg, #ffffff 0%, #38bdf8 25%, #818cf8 50%, #38bdf8 75%, #ffffff 100% )}[data-theme=ember]{--bg-primary: #110c0a;--bg-secondary: #1a1210;--bg-card: rgba(245, 158, 11, .02);--bg-card-hover: rgba(245, 158, 11, .05);--border-default: rgba(245, 158, 11, .06);--border-hover: rgba(245, 158, 11, .16);--text-primary: #fef3c7;--text-secondary: #fbbf24;--text-tertiary: #d97706;--text-label: #92400e;--accent: #f59e0b;--accent-hover: #fbbf24;--accent-subtle: rgba(245, 158, 11, .08);--accent-glow: rgba(245, 158, 11, .12);--ambient-a: rgba(245, 158, 11, .06);--ambient-b: rgba(239, 68, 68, .03);--spotify-green: #1db954;--switcher-bg: rgba(245, 158, 11, .04);--switcher-border: rgba(245, 158, 11, .08);--avatar-ring: rgba(245, 158, 11, .3);--section-line: rgba(245, 158, 11, .06);--hero-gradient: linear-gradient( 90deg, #ffffff 0%, #f59e0b 25%, #f97316 50%, #f59e0b 75%, #ffffff 100% )}[data-theme=forest]{--bg-primary: #0a100e;--bg-secondary: #0f1a16;--bg-card: rgba(52, 211, 153, .02);--bg-card-hover: rgba(52, 211, 153, .05);--border-default: rgba(52, 211, 153, .06);--border-hover: rgba(52, 211, 153, .16);--text-primary: #d1fae5;--text-secondary: #6ee7b7;--text-tertiary: #34d399;--text-label: #065f46;--accent: #34d399;--accent-hover: #6ee7b7;--accent-subtle: rgba(52, 211, 153, .08);--accent-glow: rgba(52, 211, 153, .12);--ambient-a: rgba(52, 211, 153, .06);--ambient-b: rgba(16, 185, 129, .03);--spotify-green: #1db954;--switcher-bg: rgba(52, 211, 153, .04);--switcher-border: rgba(52, 211, 153, .08);--avatar-ring: rgba(52, 211, 153, .3);--section-line: rgba(52, 211, 153, .06);--hero-gradient: linear-gradient( 90deg, #ffffff 0%, #34d399 25%, #38bdf8 50%, #34d399 75%, #ffffff 100% )}[data-theme=frost]{--bg-primary: #dadada;--bg-secondary: #f1f5f9;--bg-card: rgba(99, 102, 241, .04);--bg-card-hover: rgba(99, 102, 241, .08);--border-default: rgba(99, 102, 241, .1);--border-hover: rgba(99, 102, 241, .22);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-label: #94a3b8;--accent: #090a1d;--accent-hover: #818cf8;--accent-subtle: rgba(99, 102, 241, .06);--accent-glow: rgba(99, 102, 241, .08);--ambient-a: rgba(99, 102, 241, .04);--ambient-b: rgba(139, 92, 246, .03);--spotify-green: #1db954;--switcher-bg: rgba(0, 0, 0, .03);--switcher-border: rgba(0, 0, 0, .06);--avatar-ring: rgba(99, 102, 241, .25);--section-line: rgba(0, 0, 0, .06);--hero-gradient: linear-gradient( 90deg, #090a1d 0%, #4338ca 25%, #0284c7 50%, #4338ca 75%, #090a1d 100% )}:root{--radius: 16px;--radius-lg: 24px;--radius-sm: 12px;--transition: .35s cubic-bezier(.25, .46, .45, .94);--transition-fast: .2s ease;--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;letter-spacing:-.01em;transition:background var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ambient:before{content:"";position:absolute;width:600px;height:600px;top:-10%;left:-5%;background:radial-gradient(circle,var(--ambient-a) 0%,transparent 70%);animation:drift 20s ease-in-out infinite;transition:background var(--transition)}.ambient:after{content:"";position:absolute;width:500px;height:500px;bottom:-10%;right:-5%;background:radial-gradient(circle,var(--ambient-b) 0%,transparent 70%);animation:drift 25s ease-in-out infinite reverse;transition:background var(--transition)}@keyframes drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}.theme-switcher{position:fixed;top:20px;right:20px;z-index:100;display:flex;gap:6px;padding:8px 12px;background:var(--switcher-bg);border:1px solid var(--switcher-border);border-radius:100px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background var(--transition),border-color var(--transition)}.theme-dot{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}.theme-dot:hover{transform:scale(1.15)}.theme-dot .dot-fill{width:14px;height:14px;border-radius:50%;display:block;transition:box-shadow var(--transition-fast)}.theme-dot.active .dot-fill,[data-theme=midnight] .theme-dot[data-theme=midnight] .dot-fill,[data-theme=ocean] .theme-dot[data-theme=ocean] .dot-fill,[data-theme=ember] .theme-dot[data-theme=ember] .dot-fill,[data-theme=forest] .theme-dot[data-theme=forest] .dot-fill,[data-theme=frost] .theme-dot[data-theme=frost] .dot-fill{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent)}.theme-dot.active,[data-theme=midnight] .theme-dot[data-theme=midnight],[data-theme=ocean] .theme-dot[data-theme=ocean],[data-theme=ember] .theme-dot[data-theme=ember],[data-theme=forest] .theme-dot[data-theme=forest],[data-theme=frost] .theme-dot[data-theme=frost]{transform:scale(1.1)}.container{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:48px 24px 64px}.hero{text-align:center;margin-bottom:56px;padding:48px 32px 40px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid transparent;position:relative;overflow:visible;transition:background var(--transition),border-color var(--transition)}.hero:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-lg);padding:1px;background:conic-gradient(from var(--hero-border-angle, 0deg),transparent 0%,var(--accent) 10%,var(--accent-hover) 20%,transparent 40%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:heroRotateBorder 8s linear infinite;z-index:0;pointer-events:none}@keyframes heroRotateBorder{0%{--hero-border-angle: 0deg}to{--hero-border-angle: 360deg}}@property --hero-border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.hero-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.avatar-wrapper{position:relative;width:100px;height:100px;flex-shrink:0;margin-bottom:12px}.avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;position:relative;z-index:1}.avatar-wrapper:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;padding:2px;background:var(--hero-gradient);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ringGradientShift 6s linear infinite;transition:background var(--transition);z-index:2;pointer-events:none}.avatar-wrapper:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:var(--accent-glow);filter:blur(10px);opacity:.6;animation:pulseGlow 3s ease-in-out infinite alternate;transition:background var(--transition);z-index:0}@keyframes ringGradientShift{0%{background-position:0% 0%}to{background-position:-200% 0%}}@keyframes pulseGlow{0%{transform:scale(.95);opacity:.4}to{transform:scale(1.06);opacity:.8}}.hero-name{font-size:32px;font-weight:700;letter-spacing:-.04em;line-height:1.1;background:var(--hero-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradientShift 5s linear infinite;transition:background var(--transition)}@keyframes heroGradientShift{0%{background-position:0% 0%}to{background-position:-200% 0%}}.hero-tagline{font-size:15px;color:var(--text-tertiary);font-weight:500;letter-spacing:-.01em;transition:color var(--transition)}.hero-bio{max-width:480px;font-size:13.5px;line-height:1.65;color:var(--text-secondary);font-weight:400;margin-top:10px;text-align:center;transition:color var(--transition)}.hero-links{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:center}.hero-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;font-weight:400;color:var(--text-secondary);letter-spacing:0;padding:8px 16px;border-radius:8px;background:var(--accent-subtle);border:1px solid var(--border-default);transition:all var(--transition);cursor:pointer}.hero-link:hover{color:var(--accent);border-color:var(--border-hover);background:var(--accent-subtle);transform:translateY(-1px)}.hero-link-icon{width:14px;height:14px;flex-shrink:0;opacity:.6}.section{margin-bottom:40px}.section:last-of-type{margin-bottom:0}.section-label{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-label);margin-bottom:16px;padding-left:4px;display:flex;align-items:center;gap:12px;transition:color var(--transition)}.section-label:after{content:"";flex:1;height:1px;background:var(--section-line);transition:background var(--transition)}.bento{display:grid;gap:12px}.bento--primary{grid-template-columns:repeat(3,1fr)}.bento--socials{grid-template-columns:repeat(4,1fr)}.bento--extras{grid-template-columns:repeat(3,1fr)}.card{position:relative;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius);padding:24px;text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:visible;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color var(--transition),background var(--transition),box-shadow .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}:root,[data-theme=midnight]{--card-hover-shadow: 0 12px 40px rgba(5, 5, 5, .3), inset 0 0 0 1px rgba(255, 255, 255, .04)}[data-theme=ocean]{--card-hover-shadow: 0 12px 40px rgba(5, 5, 5, .3), inset 0 0 0 1px rgba(56, 189, 248, .05)}[data-theme=ember]{--card-hover-shadow: 0 12px 40px rgba(5, 5, 5, .35), inset 0 0 0 1px rgba(245, 158, 11, .05)}[data-theme=forest]{--card-hover-shadow: 0 12px 40px rgba(5, 5, 5, .3), inset 0 0 0 1px rgba(52, 211, 153, .05)}[data-theme=frost]{--card-hover-shadow: 0 4px 16px rgba(0, 0, 0, .185), inset 0 0 0 1px rgba(0, 0, 0, .03)}.card:hover{transform:translateY(-5px) scale(1.01);border-color:transparent;background:var(--bg-card-hover);box-shadow:var(--card-hover-shadow)}.card:active{transform:translateY(-2px) scale(.99);transition-duration:.1s}.card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--card-border-angle, 0deg),transparent 0%,var(--card-brand-color, var(--accent)) 15%,transparent 35%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;z-index:0;pointer-events:none}.card:hover:after{opacity:1;animation:cardBorderGlow 4s linear infinite}@keyframes cardBorderGlow{0%{--card-border-angle: 0deg}to{--card-border-angle: 360deg}}@property --card-border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.card .glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s ease;border-radius:inherit;overflow:hidden;z-index:1}.card:hover .glow{opacity:1}.card .arrow{position:absolute;top:16px;right:16px;width:14px;height:14px;color:var(--text-tertiary);transition:all .4s cubic-bezier(.34,1.56,.64,1);opacity:.4;transform:translate(0)}.card:hover .arrow{color:var(--accent);transform:translate(2px,-2px);opacity:1}.card-body{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border-default);color:var(--text-secondary);flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}[data-theme=frost] .card-icon{background:#00000008}.card:hover .card-icon{border-color:var(--border-hover);color:var(--text-primary);transform:scale(1.08)}.card-icon svg{width:20px;height:20px}.card-title{font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.3;transition:color var(--transition)}.card:hover .card-title{color:var(--accent)}.card-desc{font-size:12.5px;color:var(--text-tertiary);margin-top:2px;line-height:1.4;font-weight:400;transition:color var(--transition)}.card[data-hidden=true]{display:none}.card--lg{min-height:150px;padding:28px}.card--md{min-height:130px}.card--sm{min-height:110px;padding:20px}.card--sm .card-icon{width:36px;height:36px;border-radius:10px}.card--sm .card-icon svg{width:18px;height:18px}.card--sm .card-title{font-size:14px}.card--sm .arrow{width:12px;height:12px;top:14px;right:14px}.card--sm .card-body{gap:10px}.card--github{--card-brand-color: #f0f0f0}.card--github .card-icon{color:var(--text-primary)}.card--linkedin{--card-brand-color: #0a66c2}.card--linkedin .card-icon{color:#0a66c2}.card--linkedin{border-color:#0a66c214;background:linear-gradient(135deg,rgba(10,102,194,.03) 0%,var(--bg-card) 100%)}.card--linkedin:hover{background:linear-gradient(135deg,rgba(10,102,194,.06) 0%,var(--bg-card-hover) 100%)}.card--twitter{--card-brand-color: #f0f0f0}.card--twitter .card-icon{color:var(--text-primary)}.card--facebook{--card-brand-color: #1877f2}.card--facebook .card-icon{color:#1877f2}.card--facebook{border-color:#1877f214;background:linear-gradient(135deg,rgba(24,119,242,.03) 0%,var(--bg-card) 100%)}.card--facebook:hover{background:linear-gradient(135deg,rgba(24,119,242,.06) 0%,var(--bg-card-hover) 100%)}.card--instagram{--card-brand-color: #e1306c}.card--instagram .card-icon{color:#e1306c}.card--instagram{border-color:#e1306c14;background:linear-gradient(135deg,rgba(225,48,108,.03) 0%,var(--bg-card) 100%)}.card--instagram:hover{background:linear-gradient(135deg,rgba(225,48,108,.06) 0%,var(--bg-card-hover) 100%)}.card--threads{--card-brand-color: #f0f0f0}.card--threads .card-icon{color:var(--text-primary)}.card--discord{--card-brand-color: #5865f2}.card--discord .card-icon{color:#5865f2}.card--discord{border-color:#5865f214;background:linear-gradient(135deg,rgba(88,101,242,.03) 0%,var(--bg-card) 100%)}.card--discord:hover{background:linear-gradient(135deg,rgba(88,101,242,.06) 0%,var(--bg-card-hover) 100%)}.card--telegram{--card-brand-color: #26a5e4}.card--telegram .card-icon{color:#26a5e4}.card--telegram{border-color:#26a5e414;background:linear-gradient(135deg,rgba(38,165,228,.03) 0%,var(--bg-card) 100%)}.card--telegram:hover{background:linear-gradient(135deg,rgba(38,165,228,.06) 0%,var(--bg-card-hover) 100%)}.card--spotify{--card-brand-color: #1db954}.card--spotify .card-icon{color:var(--spotify-green)}.card--spotify{border-color:#1db95414;background:linear-gradient(135deg,rgba(29,185,84,.03) 0%,var(--bg-card) 100%)}.card--spotify:hover{background:linear-gradient(135deg,rgba(29,185,84,.06) 0%,var(--bg-card-hover) 100%)}.card--messenger{--card-brand-color: #0099ff}.card--messenger .card-icon{color:#09f}.card--messenger{border-color:#0099ff14;background:linear-gradient(135deg,rgba(0,153,255,.03) 0%,var(--bg-card) 100%)}.card--messenger:hover{background:linear-gradient(135deg,rgba(0,153,255,.06) 0%,var(--bg-card-hover) 100%)}.card--tiktok{--card-brand-color: #f0f0f0}.card--tiktok .card-icon{color:var(--text-primary)}.card--pinterest{--card-brand-color: #e60023}.card--pinterest .card-icon{color:#e60023}.card--pinterest{border-color:#e6002314;background:linear-gradient(135deg,rgba(230,0,35,.03) 0%,var(--bg-card) 100%)}.card--pinterest:hover{background:linear-gradient(135deg,rgba(230,0,35,.06) 0%,var(--bg-card-hover) 100%)}.card--reddit{--card-brand-color: #ff4500}.card--reddit .card-icon{color:#ff4500}.card--reddit{border-color:#ff450014;background:linear-gradient(135deg,rgba(255,69,0,.03) 0%,var(--bg-card) 100%)}.card--reddit:hover{background:linear-gradient(135deg,rgba(255,69,0,.06) 0%,var(--bg-card-hover) 100%)}[data-theme=frost] .card--github,[data-theme=frost] .card--twitter,[data-theme=frost] .card--threads,[data-theme=frost] .card--tiktok{--card-brand-color: #090a1d}.footer{text-align:center;margin-top:56px;font-size:12px;font-family:var(--font-mono);color:var(--text-label);opacity:.7;transition:color var(--transition)}@media(max-width:1023px){.container{max-width:760px;padding:40px 20px 56px}.bento--primary{grid-template-columns:repeat(3,1fr)}.bento--socials{grid-template-columns:repeat(4,1fr)}.bento--extras{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.container{padding:32px 16px 48px}.hero{padding:36px 24px 32px;margin-bottom:40px}.hero-name{font-size:26px}.bento--primary{grid-template-columns:1fr}.bento--primary .card:nth-child(3){grid-column:auto}.bento--socials{grid-template-columns:repeat(2,1fr)}.bento--extras{grid-template-columns:repeat(3,1fr)}.card--lg{min-height:130px;padding:22px}.card--md{min-height:110px;padding:20px}.section{margin-bottom:32px}.theme-switcher{top:14px;right:14px;padding:6px 10px;gap:5px}.theme-dot{width:18px;height:18px}.theme-dot .dot-fill{width:12px;height:12px}}@media(max-width:479px){.container{padding:24px 12px 40px}.hero{padding:28px 20px 24px;margin-bottom:32px;border-radius:var(--radius)}.avatar-wrapper,.avatar{width:80px;height:80px}.hero-name{font-size:22px}.hero-tagline{font-size:13px}.hero-link{font-size:12px;padding:6px 12px}.hero-links{margin-top:12px;gap:8px}.bento{gap:8px}.bento--primary{grid-template-columns:1fr}.bento--primary .card:nth-child(3){grid-column:auto}.bento--socials,.bento--extras{grid-template-columns:repeat(2,1fr)}.card{padding:18px;border-radius:var(--radius-sm)}.card--sm{padding:16px;min-height:90px}.card--lg{min-height:110px;padding:20px}.card--md{min-height:100px;padding:18px}.card-icon{width:36px;height:36px}.card-icon svg{width:18px;height:18px}.section{margin-bottom:24px}.footer{margin-top:40px;font-size:11px}}