:root{--background-color: #1a1b1e;--surface-color: #2a2c30;--accent-color: #ffaf29;--text-primary: #ffffff;--text-secondary: #c5c6c7;--border-color: #3a3d42;--card-shadow: 0 4px 12px rgba(0, 0, 0, .3);--card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-secondary);font-family:Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100vh}.app-container{width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}header{display:flex;justify-content:center;align-items:center;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color);position:relative;text-align:center}header h1{font-size:2.8rem;color:var(--text-primary);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.language-switcher{position:absolute;top:50%;right:0;transform:translateY(-50%);padding:.6rem 1.2rem;background-color:transparent;color:var(--accent-color);border:2px solid var(--accent-color);border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease,color .3s ease;text-transform:uppercase}.language-switcher:hover,.language-switcher:focus{background-color:var(--accent-color);color:var(--background-color);outline:none}main{flex-grow:1}main h2{text-align:center;font-size:2.2rem;margin-block:2rem 3rem;color:var(--text-primary);font-weight:500;position:relative;padding-bottom:1rem}main h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--accent-color);border-radius:2px}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.game-card{background-color:var(--surface-color);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;text-decoration:none;color:var(--text-secondary);display:flex;flex-direction:column;border:1px solid var(--border-color)}.game-card:hover{transform:translateY(-8px);box-shadow:var(--card-hover-shadow);border-color:var(--accent-color)}.game-card__image{width:100%;height:200px;object-fit:cover;display:block}.game-card__content{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.game-card__title{font-size:1.25rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.game-card__description{font-size:.9rem;flex-grow:1}footer{text-align:center;padding:1.5rem;margin-top:3rem;border-top:1px solid var(--border-color);font-size:.9rem;color:var(--text-secondary)}.spinner{border:4px solid rgba(255,255,255,.2);border-radius:50%;border-top:4px solid var(--accent-color);width:40px;height:40px;animation:spin 1s linear infinite;margin:4rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){header h1{font-size:2.2rem}main h2{font-size:1.8rem}.games-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.language-switcher{position:static;transform:none;margin-top:1.5rem;width:100%;max-width:200px}header{flex-direction:column}}