:root{--radius-3xs: 3px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--content-width: 1000px;--content-width-lg: 1100px;--header-height: 64px;--scroll-offset: 80px;--section-line-width: 60px;--font-2xs: .7rem;--font-xs: .75rem;--font-sm: .875rem;--font-md: .95rem;--font-base: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 3.5rem;--font-brand: 1.75rem;--font-hero-sm: 1.55rem;--font-hero-md: 1.8rem;--font-hero-lg: 2.8rem;--font-hero-xl: 3.8rem;--blur-strength: 12px;--ease-smooth: cubic-bezier(.33, 1, .68, 1);--transition-fast: .15s var(--ease-smooth);--transition-base: .3s var(--ease-smooth);--transition-slow: .4s var(--ease-smooth);--blur-xs: 4px;--blur-sm: 6px;--blur-md: 10px;--blur-lg: 16px;--blur-xl: 20px;--blur-hero: 80px;--opacity-muted: .15;--opacity-subtle: .25;--opacity-dim: .4;--opacity-half: .5;--opacity-soft: .6;--opacity-medium: .7;--z-base: 0;--z-raised: 1;--z-above: 2;--z-dropdown: 10;--z-tooltip: 20;--z-sticky: 30;--z-mobile-nav: 100;--z-header: 1000;--z-overlay: 10000;--icon-xs: 14px;--icon-sm: 18px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 28px;--icon-2xl: 32px;--icon-3xl: 48px;--control-sm: 34px;--control-md: 40px;--control-lg: 44px;--toggle-width: 60px;--toggle-height: 34px;--toggle-knob: 26px;--max-w-xs: 280px;--max-w-sm: 400px;--max-w-md: 520px;--max-w-lg: 600px;--max-w-xl: 700px;--max-w-2xl: 900px;--max-w-3xl: 960px;--border-width: 1px;--border-width-md: 2px;--border-width-lg: 4px;--border-width-tooltip: 5px;--lift-sm: -2px;--lift-md: -4px;--lift-lg: -6px;--nudge-sm: 4px;--nudge-md: 8px;--nudge-lg: 12px;--avatar-sm: 80px;--avatar-lg: 160px;--social-discord: #5865F2;--social-twitter: #1DA1F2;--social-twitch: #9146FF;--social-instagram: #E1306C;--social-steam: #2b5a94;--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .12)}[data-theme=light]{--bg-primary: #c8c6c6;--bg-secondary: #d4d4d8;--bg-tertiary: #e4e4e7;--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #a1a1aa;--accent: #18181b;--border: #e4e4e7;--border-hover: #18181b;--header-bg: rgba(250, 250, 250, .85);--header-bg-scrolled: rgba(250, 250, 250, .95);--card-shadow: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--highlight-bg: rgba(0, 0, 0, .04);--heading-slab-bg: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.66));--heading-slab-border: rgba(0,0,0,.08);--gradient-start: #06b6d4;--gradient-end: #a855f7;--name-gradient-start: #3b82f6;--name-gradient-end: #2dd4bf;--discord-color: #5865F2;--toggle-slider-bg: #2196f3;--toggle-slider-checked-bg: #000000;--toggle-knob-bg: yellow;--toggle-knob-checked-bg: white;--toggle-knob-color: rgba(0, 0, 0, .75);--toggle-focus-color: #2196f3;--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(0, 0, 0, .06);--glass-shadow: 0 2px 8px rgba(0, 0, 0, .04);--nav-active-text: white;--star-fill: white;--glow-accent: rgba(6, 182, 212, .12);--mobile-nav-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)}[data-theme=dark]{--bg-primary: #09090b;--bg-secondary: #18181b;--bg-tertiary: #27272a;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--accent: #e4e4e7;--border: #27272a;--border-hover: #ffffff;--header-bg: rgba(9, 9, 11, .85);--header-bg-scrolled: rgba(24, 24, 27, .95);--card-shadow: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .3);--highlight-bg: rgba(255, 255, 255, .08);--heading-slab-bg: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));--heading-slab-border: rgba(255,255,255,.06);--gradient-start: #22d3ee;--gradient-end: #c084fc;--name-gradient-start: #60a5fa;--name-gradient-end: #5eead4;--discord-color: #7289da;--toggle-slider-bg: #2196f3;--toggle-slider-checked-bg: #000000;--toggle-knob-bg: yellow;--toggle-knob-checked-bg: white;--toggle-knob-color: rgba(0, 0, 0, .75);--toggle-focus-color: #2196f3;--glass-bg: rgba(24, 24, 27, .4);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: none;--nav-active-text: white;--star-fill: white;--glow-accent: rgba(34, 211, 238, .12);--mobile-nav-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5)}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gradient-text{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.name-highlight{background:linear-gradient(135deg,var(--name-gradient-start),var(--name-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.discord-text{background-color:var(--discord-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.App{width:100%}[id]{scroll-margin-top:var(--scroll-offset)}.App-main{background:transparent;min-height:100vh;position:relative;z-index:var(--z-raised);max-width:var(--content-width);margin:0 auto;padding:0 var(--space-2) var(--space-8) var(--space-2)}.section{margin-bottom:var(--space-2);padding-top:var(--space-2);text-align:center;display:flex;flex-direction:column;align-items:center}.section h2{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.section-desc{color:var(--text-tertiary);font-size:var(--font-md);margin-bottom:var(--space-4);max-width:var(--max-w-lg)}.section-header{text-align:center;margin-bottom:var(--space-4)}.section-header h2{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:var(--space-2);letter-spacing:-.02em}.section-header .section-desc{color:var(--text-secondary);font-size:var(--font-base);margin-top:0;margin-bottom:var(--space-2);max-width:none}.section-header-line{width:var(--section-line-width);height:var(--radius-3xs);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));border-radius:var(--radius-3xs);margin:0 auto}.section-header-card{display:inline-block;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg)}.section-header-card h2{margin-top:0}.section-header-card .section-header-line{margin-bottom:0}@media(min-width:481px){.section-header-card{padding:var(--space-6) var(--space-8)}}.tooltip-wrapper{position:relative}.tooltip-wrapper:not(a):not(button):not([role=button]){cursor:help}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(calc(-1 * var(--space-2)));background:var(--bg-secondary);border:var(--border-width) solid var(--border);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);opacity:0;visibility:hidden;transition:all var(--transition-base);pointer-events:none;white-space:nowrap;box-shadow:var(--card-shadow);font-size:var(--font-xs);font-weight:500;color:var(--text-secondary);z-index:var(--z-tooltip)}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(calc(-1 * var(--nudge-lg)))}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:var(--border-width-tooltip);border-style:solid;border-color:var(--border) transparent transparent transparent}.tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:var(--space-1);border-style:solid;border-color:var(--bg-secondary) transparent transparent transparent;z-index:var(--z-raised);margin-top:-1px}.tooltip--bottom{bottom:auto;top:100%;transform:translate(-50%) translateY(var(--space-2))}.tooltip-wrapper:hover .tooltip--bottom{transform:translate(-50%) translateY(var(--nudge-lg))}.tooltip--bottom:after{top:auto;bottom:100%;border-color:transparent transparent var(--border) transparent}.tooltip--bottom:before{top:auto;bottom:100%;margin-top:0;margin-bottom:-1px;border-color:transparent transparent var(--bg-secondary) transparent}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:var(--border-width-md) solid var(--gradient-start);outline-offset:var(--border-width-md);border-radius:var(--radius-xs)}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);padding:var(--space-4) var(--space-6);background:var(--bg-secondary);color:var(--text-primary);border:var(--border-width-md) solid var(--gradient-start);border-radius:var(--radius-sm);font-weight:600;z-index:var(--z-overlay);text-decoration:none;transition:top var(--transition-base)}.skip-link:focus{top:10px}@media(min-width:481px){.App-main{padding:0 var(--space-4) var(--space-16) var(--space-4)}.section-header h2{font-size:var(--font-2xl)}}@media(min-width:768px){.App-main{padding:0 var(--space-6) var(--space-6) var(--space-6)}}@media(hover:none){.tooltip-wrapper:hover .tooltip,.tooltip-wrapper:hover .tooltip--bottom{opacity:0;visibility:hidden}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:var(--border-width) solid var(--glass-border);transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}[data-theme=light] .glass-card{background:var(--glass-bg);border:var(--border-width) solid var(--glass-border);box-shadow:var(--glass-shadow)}.gradient-border-link{position:relative;overflow:hidden;color:var(--text-secondary);text-decoration:none;font-weight:500;border-radius:var(--radius-md);background:linear-gradient(45deg,var(--gradient-start),var(--gradient-end),var(--gradient-start));cursor:pointer;transition:color var(--transition-base),font-weight var(--transition-base)}.gradient-border-link span{position:relative;z-index:var(--z-raised)}.gradient-border-link:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--bg-secondary);border-radius:calc(var(--radius-md) - 1px);transition:var(--transition-slow)}.gradient-border-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,var(--gradient-start),var(--gradient-end),var(--gradient-start));border-radius:var(--radius-md);transition:var(--transition-slow);opacity:0;filter:blur(var(--blur-xl))}.gradient-border-link.active{color:var(--nav-active-text);font-weight:600}.gradient-border-link.active:before{opacity:var(--opacity-soft)}@keyframes wave{0%,to{transform:translateY(0)}25%{transform:translateY(var(--lift-md))}50%{transform:translateY(0)}75%{transform:translateY(var(--lift-md))}}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}to{transform:scale(1)}}.header{position:fixed;top:0;left:0;right:0;width:100%;z-index:var(--z-header);height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:var(--header-bg);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border-bottom:var(--border-width) solid transparent;transition:all var(--transition-base);box-sizing:border-box}.header--scrolled{background:var(--header-bg-scrolled);border-bottom-color:var(--border);box-shadow:var(--card-shadow)}.header-container{max-width:var(--content-width-lg);height:100%;margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:center;position:relative}.header-brand-wrapper{z-index:var(--z-raised);position:absolute;left:50%;transform:translate(-50%);max-width:calc(100% - 100px)}.header-brand-link{text-decoration:none;display:flex;align-items:center}.wave-text{display:inline-flex;font-size:clamp(1.25rem,5vw,var(--font-brand));font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1}@media(min-width:1024px){.header--scrolled .wave-text{font-size:var(--font-brand)}}.wave-text span{display:inline-block;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end),var(--gradient-start));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:wave 5s var(--ease-smooth) calc(var(--i, 0) * .1s) infinite,gradient-shift 3s linear calc(var(--i, 0) * -.2s) infinite}.header-brand-link:hover .wave-text span{-webkit-text-fill-color:transparent}@keyframes gradient-shift{0%{background-position:0% center}to{background-position:200% center}}.header-nav-desktop{display:none}@media(min-width:768px){.header-nav-desktop{display:flex;align-items:center;gap:var(--space-1);background:var(--highlight-bg);padding:var(--space-1);border-radius:var(--radius-lg);border:var(--border-width) solid var(--border);overflow:hidden}.header-brand-wrapper{display:none}.header-container{padding:0 var(--space-6)}.nav-link{padding:var(--space-2) var(--space-3)}.header-nav-desktop .tooltip-wrapper{display:inline-flex;align-items:center;justify-content:center;line-height:0}.header-nav-desktop .tooltip-wrapper>.switch-labeled,.header-nav-desktop .tooltip-wrapper>.lang-switch{align-self:center}}@media(min-width:1024px){.header-brand-wrapper{display:block;left:var(--space-12);transform:none}.header-container{padding:0 var(--space-12)}.nav-link{padding:var(--space-2) var(--space-4);font-size:var(--font-sm)}}.nav-link{font-size:var(--font-sm);padding:var(--space-2) var(--space-2);white-space:nowrap}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:before{opacity:var(--opacity-medium)}.nav-link:hover:after{opacity:1}.nav-link.active{color:var(--nav-active-text);font-weight:600}.nav-link.active:before{opacity:var(--opacity-soft)}.nav-link.active:after{opacity:1}.header-divider{width:var(--border-width);height:var(--icon-md);background:var(--border);margin:0 var(--space-1);flex-shrink:0}.control-btn{background:transparent;border:none;color:var(--text-secondary);height:var(--control-sm);padding:0 var(--space-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:var(--space-1);cursor:pointer;transition:background var(--transition-base),color var(--transition-base);font-size:var(--font-sm);font-weight:500}.control-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.control-btn:hover span{color:var(--text-primary)}.control-btn--active,.control-btn--active span{color:var(--gradient-start)}.control-btn--active:hover,.control-btn--active:hover span{color:var(--gradient-end)}.switch-labeled{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.switch-labeled:hover .switch-label{color:var(--text-primary)}.header-mobile-toggle{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}@media(min-width:768px){.header-mobile-toggle{display:none}}.mobile-menu-checkbox{display:none}.mobile-menu-label{position:relative;width:var(--control-lg);height:var(--control-lg);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);transition:transform var(--transition-slow);background:var(--highlight-bg);border:var(--border-width) solid var(--border);border-radius:var(--radius-md)}.mobile-menu-label:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.mobile-menu-label .bar{width:var(--icon-md);height:var(--border-width-md);background-color:var(--text-primary);border-radius:var(--border-width-md);transition:all var(--transition-slow)}.mobile-menu-label .bar-2{transition-duration:.8s;transition-timing-function:var(--ease-smooth)}.mobile-menu-label .bar-1,.mobile-menu-label .bar-3{width:var(--space-4)}.mobile-menu-checkbox:checked+.mobile-menu-label{transform:rotate(180deg)}.mobile-menu-checkbox:checked+.mobile-menu-label .bar{position:absolute;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end))}.mobile-menu-checkbox:checked+.mobile-menu-label .bar-2{transform:scaleX(0)}.mobile-menu-checkbox:checked+.mobile-menu-label .bar-1{width:var(--icon-md);transform:rotate(45deg)}.mobile-menu-checkbox:checked+.mobile-menu-label .bar-3{width:var(--icon-md);transform:rotate(-45deg)}.header-nav-mobile{position:absolute;top:calc(100% + var(--space-2));left:var(--space-4);right:var(--space-4);background:var(--bg-secondary);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);overflow:hidden;overflow-y:auto;max-height:calc(100vh - var(--header-height) - var(--space-8));max-height:calc(100dvh - var(--header-height) - env(safe-area-inset-top,0px) - var(--space-8));-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transition:all var(--transition-base);box-shadow:var(--mobile-nav-shadow);z-index:var(--z-mobile-nav)}.header-nav-mobile.is-expanded{opacity:1;visibility:visible;transform:translateY(0) scale(1)}@media(min-width:768px){.header-nav-mobile{display:none}}.mobile-nav-content{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.mobile-nav-link{font-size:var(--font-base);padding:var(--space-4) var(--space-6);display:flex;align-items:center}.mobile-nav-link.active{color:var(--text-primary)}.mobile-nav-link.active:before{opacity:var(--opacity-medium)}.mobile-nav-link.active:after{opacity:1}.header-nav-mobile.is-expanded .mobile-nav-link:nth-child(1){animation:slideInMobile .3s .05s both}.header-nav-mobile.is-expanded .mobile-nav-link:nth-child(2){animation:slideInMobile .3s .1s both}.header-nav-mobile.is-expanded .mobile-nav-link:nth-child(3){animation:slideInMobile .3s .15s both}.header-nav-mobile.is-expanded .mobile-nav-link:nth-child(4){animation:slideInMobile .3s .2s both}.header-nav-mobile.is-expanded .mobile-nav-link:nth-child(5){animation:slideInMobile .3s .25s both}@keyframes slideInMobile{0%{opacity:0;transform:translate(calc(-1 * var(--nudge-lg)))}to{opacity:1;transform:translate(0)}}.mobile-actions-row{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3) var(--space-2);background:var(--highlight-bg);border-radius:var(--radius-md);animation:slideInMobile .3s .3s both}@media(min-width:481px){.mobile-actions-row{gap:var(--space-4);padding:var(--space-4)}}.mobile-action-btn{width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-md);background:var(--bg-secondary);border:var(--border-width) solid var(--border);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.mobile-action-btn--labeled{width:auto;padding:var(--space-3) var(--space-3);gap:var(--space-1);flex:1 1 auto;min-width:0}.mobile-action-btn--labeled span{font-size:var(--font-xs);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:375px){.mobile-action-btn--labeled{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.mobile-action-btn--labeled span{font-size:var(--font-sm)}}.mobile-action-btn:active{background:var(--bg-tertiary);border-color:var(--border-hover)}.mobile-action-btn .active{color:var(--gradient-start)}@media(max-height:500px){.mobile-nav-content{gap:var(--space-1);padding:var(--space-2)}.mobile-nav-link{padding:var(--space-2) var(--space-4);font-size:var(--font-sm)}.mobile-actions-row{margin-top:var(--space-1);padding:var(--space-2)}.mobile-action-btn{width:var(--control-md);height:var(--control-md)}.mobile-action-btn--labeled{padding:var(--space-2) var(--space-3)}}.switch,.switch-labeled{position:relative;display:inline-flex;align-items:center;cursor:pointer}.switch{width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--radius-pill);overflow:hidden}.switch-labeled{gap:var(--space-2)}.switch-labeled .slider{position:relative;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--radius-pill);overflow:hidden;flex-shrink:0}.switch #theme-toggle,.switch-labeled #theme-toggle,.switch-labeled #background-toggle{opacity:0;width:0;height:0;position:absolute}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--toggle-slider-bg);transition:background-color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow);z-index:var(--z-base);overflow:hidden;border:var(--border-width) solid transparent}.slider:hover{box-shadow:0 0 0 2px var(--highlight-bg)}.sun-moon{position:absolute;content:"";height:var(--toggle-knob);width:var(--toggle-knob);left:var(--space-1);bottom:var(--space-1);background-color:var(--toggle-knob-bg);transition:transform var(--transition-slow),background-color var(--transition-slow);display:flex;align-items:center;justify-content:center;color:var(--toggle-knob-color)}#theme-toggle:checked+.slider{background-color:var(--toggle-slider-checked-bg)}#theme-toggle:focus+.slider{box-shadow:0 0 1px var(--toggle-focus-color)}#theme-toggle:checked+.slider .sun-moon{transform:translate(var(--toggle-knob));background-color:var(--toggle-knob-checked-bg)}.toggle-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-slow),transform var(--transition-slow)}.toggle-icon--sun{opacity:1;transform:translateY(0) scale(1)}.toggle-icon--moon{opacity:0;transform:translateY(var(--nudge-sm)) scale(.9)}#theme-toggle:checked+.slider .toggle-icon--sun{opacity:0;transform:translateY(var(--lift-md)) scale(.9)}#theme-toggle:checked+.slider .toggle-icon--moon{opacity:1;transform:translateY(0) scale(1)}.slider.round{border-radius:var(--toggle-height)}.slider.round .sun-moon{border-radius:50%}.stars{transform:translateY(calc(-1 * var(--space-8)));opacity:0;transition:transform var(--transition-slow),opacity var(--transition-slow)}.star{fill:var(--star-fill);position:absolute;transition:var(--transition-slow);animation-name:star-twinkle;animation-duration:2s;animation-iteration-count:infinite}#theme-toggle:checked+.slider .stars{transform:translateY(0);opacity:1}#star-1{width:20px;top:2px;left:3px;animation-delay:.3s}#star-2{width:6px;top:16px;left:3px}#star-3{width:12px;top:20px;left:10px;animation-delay:.6s}#star-4{width:18px;top:0;left:18px;animation-delay:1.3s}.switch-labeled--galaxy .slider--galaxy{background-color:var(--bg-secondary);border-color:var(--border)}.slider--galaxy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--highlight-bg);opacity:0;transition:opacity var(--transition-slow)}.galaxy-knob{position:absolute;height:var(--toggle-knob);width:var(--toggle-knob);left:var(--space-1);bottom:var(--space-1);background-color:var(--bg-primary);color:var(--text-secondary);border-radius:50%;transition:transform var(--transition-slow),background-color var(--transition-slow),color var(--transition-slow);display:flex;align-items:center;justify-content:center}.toggle-icon--sparkles{position:static;opacity:1;transform:none}#background-toggle:checked+.slider--galaxy{background-color:var(--bg-tertiary);border-color:var(--border-hover)}#background-toggle:checked+.slider--galaxy:before{opacity:1}#background-toggle:focus+.slider--galaxy{box-shadow:0 0 1px var(--toggle-focus-color)}#background-toggle:checked+.slider--galaxy .galaxy-knob{transform:translate(var(--toggle-knob));background-color:var(--bg-primary);color:var(--gradient-start)}.lang-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--radius-pill);cursor:pointer;perspective:1000px;vertical-align:middle}.lang-switch #lang-toggle{opacity:0;width:0;height:0;position:absolute}.lang-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);transition:var(--transition-base);box-shadow:inset 0 2px 4px #0000000d;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2)}.lang-switch:hover .lang-slider{border-color:var(--text-secondary);box-shadow:0 0 0 2px var(--highlight-bg)}.lang-labels{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 calc(var(--space-2) + 2px);pointer-events:none}.lang-label-text{font-size:9px;font-weight:700;color:var(--text-tertiary);letter-spacing:.05em;transition:color var(--transition-base)}#lang-toggle:not(:checked)~.lang-slider .lang-label-text:first-child,#lang-toggle:checked~.lang-slider .lang-label-text:last-child{color:var(--text-secondary)}.lang-knob{position:absolute;height:var(--toggle-knob);width:var(--toggle-knob);left:var(--space-1);top:var(--space-1);z-index:var(--z-above);transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}#lang-toggle:checked+.lang-slider .lang-knob{transform:translate(calc(var(--toggle-width) - var(--toggle-knob) - var(--space-2)))}.lang-knob-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 8px #00000026}#lang-toggle:checked+.lang-slider .lang-knob-inner{transform:rotateY(180deg)}.lang-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:cover}.lang-face-en{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%20role='img'%20aria-label='United%20Kingdom%20flag'%3e%3crect%20width='60'%20height='60'%20fill='%23012169'%20/%3e%3cpolygon%20points='0,0%208,0%2060,52%2060,60%2052,60%200,8'%20fill='%23FFFFFF'%20/%3e%3cpolygon%20points='60,0%2052,0%200,52%200,60%208,60%2060,8'%20fill='%23FFFFFF'%20/%3e%3cpolygon%20points='0,0%204,0%2060,56%2060,60%2056,60%200,4'%20fill='%23C8102E'%20/%3e%3cpolygon%20points='60,0%2056,0%200,56%200,60%204,60%2060,4'%20fill='%23C8102E'%20/%3e%3crect%20x='24'%20width='12'%20height='60'%20fill='%23FFFFFF'%20/%3e%3crect%20y='24'%20width='60'%20height='12'%20fill='%23FFFFFF'%20/%3e%3crect%20x='26'%20width='8'%20height='60'%20fill='%23C8102E'%20/%3e%3crect%20y='26'%20width='60'%20height='8'%20fill='%23C8102E'%20/%3e%3c/svg%3e")}.lang-flag-emoji{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.lang-face-de{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%20role='img'%20aria-label='Germany%20flag'%3e%3crect%20width='60'%20height='20'%20y='0'%20fill='%23000000'%20/%3e%3crect%20width='60'%20height='20'%20y='20'%20fill='%23DD0000'%20/%3e%3crect%20width='60'%20height='20'%20y='40'%20fill='%23FFCE00'%20/%3e%3c/svg%3e");transform:rotateY(180deg)}.lang-slider:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--gradient-start) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-base),transform var(--transition-base);mix-blend-mode:soft-light}.lang-switch:active .lang-slider:after{opacity:.4;transform:scale(1.5)}@media(max-width:767px){.mobile-action-btn .lang-flag-emoji{font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}}.hero-section{position:relative;padding:calc(var(--header-height) + env(safe-area-inset-top,0px) + var(--space-6)) var(--space-4) var(--space-4);overflow:visible;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-container{max-width:var(--content-width);width:100%;margin:0 auto;position:relative;z-index:var(--z-dropdown)}.hero-text{margin-bottom:var(--space-8)}.hero-text h1{font-size:var(--font-hero-md);margin-bottom:var(--space-6);line-height:1.2}.hero-heading-slab{display:inline-block;max-width:calc(100% - var(--space-8));padding:var(--space-4);font-size:var(--font-hero-sm);border-radius:var(--radius-lg);background:var(--heading-slab-bg);border:var(--border-width) solid var(--heading-slab-border);color:var(--text-primary);text-align:center;line-height:1.15;z-index:var(--z-above);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));box-shadow:none;word-break:break-word}.hero-heading-slab .name-highlight,.hero-heading-slab .discord-text{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(min-width:481px){.hero-heading-slab{padding:var(--space-8);max-width:calc(100% - var(--space-12))}}@media(min-width:481px){.hero-section{padding:calc(var(--header-height) + var(--space-6)) var(--space-6) var(--space-6)}.hero-text{margin-bottom:var(--space-16)}.hero-text h1{font-size:var(--font-hero-lg);margin-bottom:var(--space-8)}}@media(min-width:768px){.hero-text h1{font-size:var(--font-hero-xl);margin-bottom:var(--space-12)}}.text-highlight-subtle{background:var(--highlight-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block}.hero-text p{font-size:var(--font-lg);color:var(--text-secondary);max-width:var(--max-w-xl);margin:0 auto;line-height:1.7}.hero-desc-card{display:inline-block;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg)}@media(min-width:481px){.hero-desc-card{padding:var(--space-6) var(--space-8)}}.hero-visual{position:relative;margin-top:0;width:100%;max-width:var(--content-width);margin-left:auto;margin-right:auto}.glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:var(--max-w-lg);height:400px;background:conic-gradient(from 180deg at 50% 50%,var(--gradient-start) 0deg,var(--gradient-end) 180deg,var(--gradient-start) 360deg);filter:blur(var(--blur-hero));opacity:var(--opacity-muted);border-radius:50%;z-index:var(--z-base);pointer-events:none}[data-theme=dark] .glow-effect{opacity:var(--opacity-subtle)}.hero-card-wrapper{position:relative;z-index:var(--z-raised)}.hero-card-wrapper .about-card.glass-card h2{margin-top:0;margin-bottom:var(--space-2)}.hero-card-wrapper .about-card.glass-card .section-desc{margin-bottom:var(--space-6)}.about-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6);box-shadow:var(--card-shadow);padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);border:var(--border-width) solid var(--border);width:100%;max-width:100%;margin:var(--space-4) auto 0 auto;box-sizing:border-box}.about-card:hover{border-color:var(--border-hover)}.profile-img{width:var(--avatar-sm);height:var(--avatar-sm);object-fit:cover;border-radius:50%;border:var(--border-width-lg) solid var(--border);flex-shrink:0;margin-bottom:0}.about-info-grid{display:flex;flex-direction:column;gap:var(--space-4);width:100%;box-sizing:border-box}.about-column{display:flex;flex-direction:column;width:100%;gap:var(--space-2)}.info-row{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-1);padding:var(--space-2) 0;border-bottom:var(--border-width) solid var(--border);font-size:var(--font-md);text-align:center;width:100%;box-sizing:border-box}.info-label{font-weight:500;color:var(--text-tertiary);font-size:var(--font-sm);min-width:auto;text-align:left}.languages span{cursor:default}.age-info small{color:var(--text-tertiary)}.languages{display:flex;gap:var(--space-2);font-size:var(--font-lg)}@media(min-width:481px){.about-card{padding:var(--space-4) var(--space-6)}}@media(min-width:768px){.about-card{flex-direction:row;align-items:center;padding:var(--space-8) var(--space-12);gap:var(--space-12);max-width:100%;text-align:left}.profile-img{width:var(--avatar-lg);height:var(--avatar-lg);margin:0;flex-shrink:0}.about-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-8);width:100%;min-width:0}.about-column{gap:var(--space-2)}.info-row{flex-direction:row;justify-content:flex-start;gap:var(--space-2);padding:var(--space-2) 0;text-align:left}.info-label{min-width:var(--avatar-sm)}}.about-github-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);background:var(--highlight-bg);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:500;font-size:var(--font-sm);text-decoration:none;transition:transform var(--transition-base),background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);margin-top:var(--space-2)}.about-github-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);transform:translateY(var(--lift-sm));box-shadow:var(--card-shadow)}.about-github-btn svg{flex-shrink:0}.friends-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-3);border-radius:var(--radius-lg);border:var(--border-width) solid var(--border);box-shadow:var(--card-shadow);margin-top:var(--space-3);width:100%;max-width:100%;box-sizing:border-box}.friends-card:hover{border-color:var(--border-hover)}.friends-header{text-align:center}.friends-title{margin:0;font-size:var(--font-lg);font-weight:700;color:var(--text-primary)}.friends-desc{margin:0;font-size:var(--font-xs);color:var(--text-tertiary);text-align:center;max-width:var(--max-w-md)}.friends-grid{display:flex;gap:var(--space-2);justify-content:center;align-items:stretch;flex-wrap:wrap;width:100%}.friend-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-width) solid var(--border);background:var(--bg-secondary);text-decoration:none;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);will-change:transform;min-width:140px;flex:1 1 140px;max-width:280px;position:relative;overflow:hidden}.friend-top{display:flex;align-items:center;gap:var(--space-2);z-index:1}.friend-info{display:flex;flex-direction:column;gap:1px;min-width:0}.friend-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));opacity:0;transition:opacity var(--transition-base);z-index:0}.friend-card:hover:before{opacity:.06}.friend-card:hover{transform:translateY(var(--lift-md));border-color:var(--border-hover);box-shadow:0 8px 24px var(--glow-accent)}.friend-avatar-wrapper{position:relative;z-index:1}.friend-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:var(--border-width-md) solid var(--border);transition:transform var(--transition-base)}.friend-card:hover .friend-avatar{transform:scale(1.08)}.friend-status{display:none}.friend-name{font-size:var(--font-xs);font-weight:600;color:var(--text-primary);text-align:left;line-height:1.2;transition:color var(--transition-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-username{font-size:var(--font-2xs);color:var(--text-tertiary);transition:color var(--transition-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-bio{font-size:var(--font-2xs);color:var(--text-secondary);text-align:left;line-height:1.3;z-index:1;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.8;transition:opacity var(--transition-base);margin-top:var(--space-1)}.friend-card:hover .friend-bio{opacity:1}.friend-card:hover .friend-name{color:var(--text-primary)}.friend-card:hover .friend-username{color:var(--text-secondary)}.friend-card:focus{outline:var(--border-width-md) solid var(--gradient-start);outline-offset:var(--border-width-md)}@media(min-width:481px){.friends-desc{font-size:var(--font-sm)}.friend-avatar{width:42px;height:42px}.friend-card{min-width:160px;max-width:300px;padding:var(--space-3)}.friend-name{font-size:var(--font-sm)}.friend-username{font-size:var(--font-xs)}}@media(min-width:768px){.friends-card{padding:var(--space-4) var(--space-6);gap:var(--space-3)}.friends-title{font-size:var(--font-xl)}.friend-avatar{width:48px;height:48px}}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%;margin-top:var(--space-4);justify-content:center;align-items:center;padding-bottom:var(--space-4)}.skill-icon-card{position:relative;display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:var(--radius-md);background:var(--bg-secondary);border:var(--border-width) solid var(--border);box-shadow:var(--card-shadow);transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base);will-change:transform;text-decoration:none;cursor:pointer}.skill-icon-card:hover{transform:translateY(var(--lift-md)) scale(1.1);background:var(--bg-tertiary);z-index:var(--z-dropdown)}.skill-icon-card img{width:var(--icon-2xl);height:var(--icon-2xl);transition:transform var(--transition-base)}.skill-icon-card .tooltip{display:flex;flex-direction:column;align-items:center;gap:2px}.skill-name{font-weight:600;font-size:var(--font-sm);color:var(--text-primary)}.skill-level{font-size:var(--font-2xs);color:var(--text-tertiary);display:none}@media(min-width:768px){.skills-grid{gap:var(--space-8) var(--space-6)}.skill-level{display:block}}.projects-empty-state{display:flex;justify-content:center;width:100%;margin-top:var(--space-4)}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--space-4);width:100%;max-width:var(--max-w-3xl);margin:var(--space-4) auto 0}.projects-grid .project-card{flex:1 1 100%;max-width:100%}@media(min-width:481px){.projects-grid .project-card{flex:1 1 calc(50% - var(--space-4));max-width:calc(50% - var(--space-4))}}.project-card{position:relative;background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);will-change:transform;box-sizing:border-box;text-decoration:none;color:inherit}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));opacity:0;transition:opacity var(--transition-base);pointer-events:none}.project-card:hover:before{opacity:.06}.project-card:hover{border-color:var(--border-hover);transform:translateY(var(--lift-md));box-shadow:0 8px 24px var(--glow-accent)}.project-card:focus-visible{outline:var(--border-width-md) solid var(--gradient-start);outline-offset:var(--border-width-md)}.project-card>*{position:relative;z-index:1}@media(min-width:481px){.project-card{padding:var(--space-6)}}.project-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);z-index:2}.project-title-row{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.project-title{font-size:var(--font-base);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:481px){.project-title{font-size:var(--font-lg)}}.project-badge{font-size:var(--font-2xs);font-weight:500;line-height:1.6;padding:1px var(--space-2);border-radius:var(--radius-pill);border:var(--border-width) solid var(--border);color:var(--text-tertiary);background:var(--bg-tertiary);white-space:nowrap;flex-shrink:0}.project-icons{display:flex;gap:var(--space-1);align-items:center;flex-shrink:0}.project-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-2xl);height:var(--icon-2xl);border-radius:var(--radius-sm);background:var(--bg-tertiary);border:var(--border-width) solid var(--border);color:var(--text-tertiary);transition:all var(--transition-base)}.project-card:hover .project-icon{color:var(--text-primary);border-color:var(--border-hover)}.project-icon--github:hover{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-color:transparent;color:#fff}.project-icon--live{text-decoration:none}.project-icon--live:hover{background:var(--gradient-start);color:#fff;border-color:var(--gradient-start);transform:scale(1.1)}.project-desc{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.6;margin:0}.project-card-footer{display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto}.language-bar-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.language-bar{display:flex;width:100%;height:8px;border-radius:var(--radius-pill);overflow:hidden;background:var(--bg-tertiary)}.language-bar-segment{transition:width var(--transition-base)}.language-bar-segment:first-child{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.language-bar-segment:last-child{border-radius:0 var(--radius-pill) var(--radius-pill) 0}.language-bar-segment:only-child{border-radius:var(--radius-pill)}.language-bar-labels{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3)}.language-bar-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-2xs);color:var(--text-secondary);line-height:1}.language-dot{width:8px;height:8px;border-radius:var(--radius-pill);flex-shrink:0}.language-bar-name{font-weight:500;color:var(--text-primary)}.language-bar-pct{color:var(--text-tertiary)}.project-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.project-stats{display:flex;align-items:center;gap:var(--space-3)}.project-stat{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--text-tertiary)}.project-updated{font-size:var(--font-xs);color:var(--text-tertiary);margin-left:auto}.social-links-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);max-width:var(--max-w-lg);margin:var(--space-4) auto 0;width:100%}.social-card{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);text-decoration:none;color:var(--text-primary);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);overflow:hidden;will-change:transform}.social-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--transition-base);z-index:0}.social-card.discord:before{background:var(--social-discord)}.social-card.twitter:before{background:var(--social-twitter)}.social-card.twitch:before{background:var(--social-twitch)}.social-card.instagram:before{background:var(--social-instagram)}.social-card.steam:before{background:var(--social-steam)}.social-card:hover:before{opacity:.1}.social-card:hover{transform:translateY(var(--lift-md));border-color:var(--border-hover);box-shadow:0 4px 16px var(--glow-accent)}.social-card:focus{outline:var(--border-width-md) solid var(--gradient-start);outline-offset:var(--border-width-md)}.social-card.discord:hover{border-color:var(--social-discord)}.social-card.twitter:hover{border-color:var(--social-twitter)}.social-card.twitch:hover{border-color:var(--social-twitch)}.social-card.instagram:hover{border-color:var(--social-instagram)}.social-card.steam:hover{border-color:var(--social-steam)}.social-card-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base),color var(--transition-base);position:relative;z-index:1;flex-shrink:0}.social-card.discord .social-card-icon{color:var(--social-discord)}.social-card.twitter .social-card-icon{color:var(--social-twitter)}.social-card.twitch .social-card-icon{color:var(--social-twitch)}.social-card.instagram .social-card-icon{color:var(--social-instagram)}.social-card.steam .social-card-icon{color:var(--social-steam)}.social-card:hover .social-card-icon{transform:scale(1.15)}.social-card-name{font-size:var(--font-xs);font-weight:600;color:var(--text-secondary);position:relative;z-index:1;white-space:nowrap}.social-card:hover .social-card-name{color:var(--text-primary)}@media(min-width:481px){.social-links-grid{gap:var(--space-3)}.social-card{padding:var(--space-2) var(--space-4)}.social-card-name{font-size:var(--font-sm)}}.contact-card{max-width:var(--max-w-md);margin-top:var(--space-4);padding:var(--space-4) var(--space-6);text-align:center;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);will-change:transform;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);border-radius:var(--radius-lg);border:var(--border-width) solid var(--border);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));opacity:0;transition:opacity var(--transition-base);z-index:0}.contact-card:hover:before{opacity:.04}.contact-card:hover{transform:translateY(var(--lift-md));border-color:var(--border-hover);box-shadow:0 8px 24px var(--glow-accent)}.contact-title{margin:0;font-size:var(--font-lg);font-weight:700;line-height:1.4;color:var(--text-primary);position:relative;z-index:1}.contact-email{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--bg-secondary);border:var(--border-width) solid var(--border);border-radius:var(--radius-pill);text-decoration:none;color:var(--text-primary);font-weight:600;font-size:var(--font-sm);transition:all var(--transition-base);position:relative;z-index:1}.email-icon-wrapper{display:flex;align-items:center;justify-content:center;color:var(--gradient-start);transition:all var(--transition-base)}.contact-email:hover{background:var(--bg-tertiary);border-color:var(--border-hover);transform:scale(1.02);box-shadow:0 4px 16px var(--glow-accent)}.contact-email:hover .email-icon-wrapper{transform:rotate(-12deg) scale(1.1)}.contact-email:active{transform:scale(.98)}.contact-reply-hint{margin:0;font-size:var(--font-sm);color:var(--text-tertiary);font-style:italic;position:relative;z-index:1}@media(min-width:481px){.contact-card{padding:var(--space-8)}.contact-email{padding:var(--space-4) var(--space-8);font-size:var(--font-base)}}.background-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;transform:translateZ(0);will-change:transform}.background-galaxy{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:translateZ(0);will-change:transform}.background-container--transitioning{opacity:0;transition:opacity var(--transition-base)}.background-container--visible{opacity:1;transition:opacity var(--transition-slow)}@media(prefers-reduced-motion:reduce){.background-container{animation:none!important}.background-galaxy,.galaxy-container,.galaxy-container canvas{animation:none!important}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary, #09090b);transition:opacity var(--transition-slow),visibility var(--transition-slow);flex-direction:column}.loading-screen.fade-out{opacity:0;visibility:hidden}.loading-screen .loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-align:center;width:100%;padding:0 var(--space-4)}.loading-screen .brand-text{display:inline-flex;font-size:clamp(2rem,8vw,3.5rem);font-weight:600;letter-spacing:-.02em;line-height:1;margin:0}.loading-screen .brand-text span{display:inline-block;background:linear-gradient(90deg,var(--gradient-start, #22d3ee),var(--gradient-end, #c084fc),var(--gradient-start, #22d3ee));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:wave 2.5s var(--ease-smooth) calc(var(--i, 0) * .1s) infinite,gradient-shift 3s linear calc(var(--i, 0) * -.2s) infinite}.loading-screen .progress-container{display:flex;align-items:center;gap:var(--space-4);width:min(320px,80vw)}.loading-screen .progress-bar{flex:1;height:6px;background:var(--bg-tertiary, #27272a);border-radius:var(--radius-3xs);overflow:hidden}.loading-screen .progress-fill{height:100%;background:linear-gradient(90deg,var(--gradient-start, #22d3ee),var(--gradient-end, #c084fc));border-radius:var(--radius-3xs);transition:width .1s ease-out;box-shadow:0 0 12px var(--gradient-start, #22d3ee)}.loading-screen .progress-text{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary, #a1a1aa);min-width:3ch;font-variant-numeric:tabular-nums}.loading-screen .loading-log{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);width:min(360px,80vw);max-height:140px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.loading-screen .loading-log::-webkit-scrollbar{display:none}.loading-screen .log-entry{font-size:var(--font-xs);margin:0;line-height:1.6;display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.loading-screen .log-done{color:var(--text-tertiary, #71717a);animation:log-fade-in var(--transition-base)}.loading-screen .log-check{color:var(--gradient-start, #22d3ee);font-size:var(--font-xs);flex-shrink:0}.loading-screen .log-active{color:var(--text-secondary, #a1a1aa)}.loading-screen .log-complete{color:var(--gradient-start, #22d3ee);font-weight:600;animation:log-fade-in var(--transition-base)}.loading-screen .log-spinner{display:inline-block;width:10px;height:10px;border:2px solid var(--text-tertiary, #71717a);border-top-color:var(--gradient-start, #22d3ee);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes log-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.loading-screen .log-tag{color:var(--text-secondary, #a1a1aa);font-weight:600}.galaxy-container{width:100%;height:100%;position:relative}.galaxy-container canvas{display:block;width:100%!important;height:100%!important}