:root{--primary: #E4572E;--primary-light: #f06b45;--secondary: #1789be;--secondary-light: #2da3db;--accent: #66585e;--text: #222;--text-light: #555;--bg-dark: #2c2a30;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-very-slow: 1s;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--shadow-card: 0 2px 8px rgba(0, 0, 0, .07);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .15);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem}html{scroll-behavior:smooth}body{background:transparent}h1,h2{color:var(--primary);letter-spacing:-.02em}h2{position:relative;display:inline-block}h2:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary),transparent);border-radius:2px}main.container{margin-top:6rem;padding-bottom:var(--space-lg)}:target{scroll-margin-top:5rem}#about-me p{background:#2c2a30d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm)}.games-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);color:var(--text);align-items:stretch}@media (min-width: 85rem){.games-grid{grid-template-columns:1fr 1fr}}.games-grid>*{height:100%}.mobile-social{display:none;justify-content:center;margin:var(--space-xl) 0 var(--space-md)}.mobile-social ul{list-style:none;padding:0;margin:0}.mobile-social li{list-style:none;display:inline-block}.mobile-social a{color:#fff;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.mobile-social a:hover{color:var(--primary)}@media (max-width: 600px){.mobile-social{display:flex}}a{transition:color var(--duration-fast) var(--ease-out)}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background-color:var(--primary);color:#fff}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}