@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(https://fonts.gstatic.com/s/orbitron/v34/yMJRMIlzdpvBhQQL_Qq7dy0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-dark: #0a0f20;--bg-surface: #10162f;--text-primary: #ffffff;--text-secondary: #a7b0ca;--accent-green: #9dff5b;--accent-cyan: #00f6ff;--accent-magenta: #e442ff;--font-display: "Roboto", Arial, sans-serif;--border-radius: 12px}body{margin:0;background-image:linear-gradient(137deg,#103b68,#0d102f 60%,#37103c);color:#fff;font-family:var(--font-display)!important;overflow:hidden}app-about{display:flex;width:100%;justify-content:center;max-width:1200px}app-games{display:flex;width:100%;justify-content:center;max-width:1200px}html,body{height:100%;margin:0;font-family:var(--font-display)!important;line-height:1.6}a{color:#4caf50;text-decoration:none;transition:color .3s ease}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.2;font-weight:600}h1{font-size:2.5rem;margin-bottom:1.5rem}h2{font-size:2rem;margin-bottom:1.25rem}h3{font-size:1.75rem;margin-bottom:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.full-width{width:100%}.text-center{text-align:center}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;font-weight:500;text-align:center;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background-color:#4caf50;color:#fff}.btn-secondary{background-color:#2c2c44;color:#fff}.btn-outline{background-color:transparent;border:1px solid #4caf50;color:#4caf50}.btn-outline:hover{background-color:#4caf50;color:#fff}.form-group{margin-bottom:1.1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #3d3d5a;border-radius:8px;color:#fff;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4caf50}.card{border-radius:8px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem}.snackbar-success{background-color:#4caf50!important;color:#fff!important}.snackbar-error{background-color:#f44336!important;color:#fff!important}.snackbar-info{background-color:#2196f3!important;color:#fff!important}.game-card{position:relative;overflow:hidden;border-radius:8px;transition:transform .3s ease;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-5px)}.game-card .game-image{width:100%;height:200px;object-fit:cover}.game-card .game-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:1rem;color:#fff}.game-card .game-title{font-size:1.25rem;margin-bottom:.5rem}.game-card .game-genre{display:inline-block;background-color:#4caf50;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;margin-right:.5rem}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-stack{flex-direction:column!important}.mobile-stack>*{width:100%!important;margin-bottom:1rem}.mobile-stack>*:last-child{margin-bottom:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}.mat-mdc-card{background-color:#ffffff1a!important;color:#fff!important}.mat-mdc-form-field{width:100%}.mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-mdc-input-element{color:#fff!important}.pointer{cursor:pointer}.rounded{border-radius:50%}.shadow{box-shadow:0 4px 6px #0000001a}.transition{transition:all .3s ease}.mat-mdc-snack-bar-container .mat-mdc-snackbar-surface{border-radius:4px}