@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/outfit-latin-400-normal.woff2') format('woff2')}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/outfit-latin-700-normal.woff2') format('woff2')}@font-face{font-family:Outfit;font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/outfit-latin-900-normal.woff2') format('woff2')}@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/space-mono-latin-400-normal.woff2') format('woff2')}@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/space-mono-latin-700-normal.woff2') format('woff2')}:root{--bg:#0a0a0f;--surface:#14141f;--surface-hover:#1c1c2e;--border:#2a2a3d;--text:#e8e8f0;--text-muted:#a0a0b8;--accent:#a855f7;--accent-glow:rgba(168, 85, 247, 0.3);--cyan:#22d3ee;--cyan-glow:rgba(34, 211, 238, 0.2);--radius:20px;--gap:16px}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.skip-link{position:absolute;top:-100%;left:16px;z-index:100;padding:12px 24px;background:var(--accent);color:#fff;border-radius:0 0 var(--radius) var(--radius);font-weight:700;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}body::after{content:'';position:fixed;top:-30%;left:-10%;width:60vw;height:60vw;background:radial-gradient(circle,var(--accent-glow) 0,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;animation:12s ease-in-out infinite alternate floatBlob}.glow-cyan{position:fixed;bottom:-20%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,var(--cyan-glow) 0,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;animation:15s ease-in-out infinite alternate floatBlobAlt}@keyframes floatBlob{0%{transform:translate(0,0)}100%{transform:translate(40px,60px)}}@keyframes floatBlobAlt{0%{transform:translate(0,0)}100%{transform:translate(-30px,-50px)}}.container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:40px var(--gap)}.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(80px,auto);gap:var(--gap)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.25, .46, .45, .94),border-color .3s,box-shadow .3s;opacity:0;transform:translateY(20px);animation:.5s cubic-bezier(.25,.46,.45,.94) forwards cardIn}.card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 32px var(--accent-glow)}a.card::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.03) 45%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.03) 55%,transparent 60%);transform:translateX(-100%);transition:none;pointer-events:none;z-index:2}a.card:hover::after{transform:translateX(100%);transition:transform .6s}.card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}.bento>:first-child{animation-delay:50ms}.bento>:nth-child(2){animation-delay:.1s}.bento>:nth-child(3){animation-delay:.15s}.bento>:nth-child(4){animation-delay:.2s}.bento>:nth-child(5){animation-delay:.25s}.bento>:nth-child(6){animation-delay:.3s}.bento>:nth-child(7){animation-delay:.35s}.bento>:nth-child(8){animation-delay:.4s}.bento>:nth-child(9){animation-delay:.45s}.bento>:nth-child(10){animation-delay:.5s}.bento>:nth-child(11){animation-delay:.55s}.bento>:nth-child(12){animation-delay:.6s}.bento>:nth-child(13){animation-delay:.65s}.bento>:nth-child(14){animation-delay:.7s}.card-link{display:flex;flex-direction:column;justify-content:flex-end;padding:24px;height:100%;text-decoration:none;color:var(--text);transition:background .3s}.card-link--row{flex-direction:row;align-items:center;gap:16px;justify-content:flex-start}a.card:hover .card-link{background:var(--surface-hover)}.card--profile{grid-column:span 5;grid-row:span 3;display:flex;flex-direction:column;justify-content:center;padding:40px}.card--profile picture,.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0}.card--profile picture{display:block;margin-bottom:20px}.card--profile picture img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--accent);box-shadow:0 0 20px var(--accent-glow);animation:3s ease-in-out infinite avatarPulse}@keyframes avatarPulse{0%,100%{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 35px var(--accent-glow),0 0 60px rgba(168,85,247,.15)}}.profile-tag{display:inline-block;font-family:'Space Mono',monospace;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.25);padding:4px 12px;border-radius:100px;margin-bottom:12px}.profile-name{font-size:2.4rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;color:var(--accent);background:linear-gradient(135deg,var(--text) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-divider{width:48px;height:3px;background:linear-gradient(90deg,var(--accent),var(--cyan));border-radius:2px;margin:16px 0;position:relative;overflow:hidden}.profile-divider::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.4) 50%,transparent 100%);transform:translateX(-100%);animation:2.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{transform:translateX(-100%)}100%,60%{transform:translateX(100%)}}@supports not (background-clip:text){.profile-name{color:var(--accent);background:0 0}}.profile-bio{margin-top:0;color:var(--text-muted);font-size:1rem;line-height:1.7;max-width:480px}.profile-bio strong{color:var(--text);font-weight:700}.card--flag{grid-column:span 7;grid-row:span 3}.card--flag picture{display:block;width:100%;height:100%}.card--flag img{width:100%;height:100%;object-fit:cover;display:block}.card--discord{grid-column:1/-1;grid-row:span 1}.card-icon{width:44px;height:44px;margin-bottom:12px;opacity:.9;flex-shrink:0;transition:transform .3s,opacity .3s}a.card:hover .card-icon{transform:scale(1.15) rotate(-5deg);opacity:1}.card-link--row .card-icon{margin-bottom:0}.card-title{font-weight:700;font-size:1rem;line-height:1.3;transition:transform .3s}a.card:hover .card-title{transform:translateX(4px)}.card-subtitle{font-family:'Space Mono',monospace;font-size:.875rem;color:var(--text-muted);margin-top:4px;display:block}.embed-facade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;background:var(--surface);border:none;cursor:default;color:var(--text);font-family:inherit;font-size:1rem;font-weight:700;pointer-events:none}.embed-facade__icon{width:56px;height:56px;opacity:.7;animation:1.8s ease-in-out infinite facadePulse}@keyframes facadePulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.embed-facade__label{font-family:'Space Mono',monospace;font-size:.875rem;color:var(--text-muted);opacity:.6}.card--embed{padding:0;overflow:hidden}.card--embed iframe{display:block;width:100%;border:none;border-radius:var(--radius)}.card--spotify{grid-column:span 6;height:500px}.card--spotify iframe{height:500px}.card--deezer{grid-column:span 6;height:500px}.card--deezer iframe{height:500px}.card--soundcloud{grid-column:span 4;height:450px}.card--soundcloud iframe{height:450px}.card--apple{grid-column:span 4;height:450px}.card--apple iframe{height:450px}.card--apple:hover{border-color:#fc3c44;box-shadow:0 8px 32px rgba(252,60,68,.2)}.card--youtube{grid-column:span 4}a.card--youtube .card-link{justify-content:center;align-items:center;text-align:center}a.card--youtube .card-icon{width:64px;height:64px}.card--instagram{grid-column:span 4;height:520px}.card--instagram iframe{height:520px;background:#fff;border-radius:var(--radius)}.card--twitch{grid-column:span 4}a.card--twitch .card-link{justify-content:center;align-items:center;text-align:center}a.card--twitch .card-icon{width:64px;height:64px}.card--discord:hover{border-color:#5865f2;box-shadow:0 8px 32px rgba(88,101,242,.25)}.card--spotify:hover{border-color:#1db954;box-shadow:0 8px 32px rgba(29,185,84,.2)}.card--deezer:hover{border-color:#a238ff;box-shadow:0 8px 32px rgba(162,56,255,.2)}.card--soundcloud:hover{border-color:#f50;box-shadow:0 8px 32px rgba(255,85,0,.2)}.card--youtube:hover{border-color:red;box-shadow:0 8px 32px rgba(255,0,0,.2)}.card--instagram:hover{border-color:#e4405f;box-shadow:0 8px 32px rgba(228,64,95,.25)}.card--twitch:hover{border-color:#9146ff;box-shadow:0 8px 32px rgba(145,70,255,.25)}.section-header{grid-column:1/-1;padding:24px 0 0;opacity:0;animation:.4s .1s forwards cardIn}.section-label{font-family:'Space Mono',monospace;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text);margin:0}.section-desc{margin-top:6px;font-size:.9rem;color:var(--text-muted);line-height:1.5}.section-meta{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:50;width:48px;height:48px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s,border-color .3s,opacity .3s;opacity:.8}.back-to-top svg{width:20px;height:20px}.back-to-top:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 4px 20px var(--accent-glow);opacity:1}.back-to-top:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.back-to-top[hidden]{display:none}.footer{text-align:center;padding:48px var(--gap) 24px;color:var(--text-muted);font-family:'Space Mono',monospace;font-size:.875rem}.footer-credit{margin-top:6px;color:var(--text-muted)}.footer-heart{color:#e25555}.footer-credit a,.footer-credit a:visited{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.footer-credit a:hover{text-decoration:underline}.footer-credit a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:1024px){.bento{grid-template-columns:repeat(6,1fr)}.card--flag,.card--profile{grid-column:span 3;grid-row:span 2}.card--discord{grid-column:1/-1}.card--apple,.card--deezer,.card--soundcloud,.card--spotify{grid-column:span 3}.card--youtube{grid-column:span 6}.card--instagram{grid-column:span 3}.card--twitch{grid-column:span 6}.section-header{grid-column:1/-1}}@media (max-width:768px){.bento{grid-template-columns:1fr}.card--apple,.card--deezer,.card--discord,.card--flag,.card--instagram,.card--profile,.card--soundcloud,.card--spotify,.card--twitch,.card--youtube{grid-column:1/-1}.card--profile{grid-row:span 1;padding:28px}.card--flag{grid-row:span 1;min-height:200px}.card--deezer,.card--deezer iframe,.card--spotify,.card--spotify iframe{height:380px}.card--apple,.card--apple iframe,.card--soundcloud,.card--soundcloud iframe{height:350px}.card--instagram,.card--instagram iframe{height:420px}.section-header{grid-column:1/-1}.profile-name{font-size:1.8rem}.card-link--row{flex-direction:column;align-items:flex-start}.card-link--row .card-icon{margin-bottom:12px}}@supports not (animation-fill-mode:forwards){.card,.card--profile,.section-header{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}html{scroll-behavior:auto}}@media (max-width:480px){.container{padding:20px 12px}.bento{gap:12px}.card-link{padding:18px}.card--profile{padding:24px}}