*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0b0f19;--bg-light: #12182b;--primary: #00e5ff;--text-light: #ffffff;--text-muted: #a0a0a0;--danger: #ef4444}html{scroll-behavior:smooth;scroll-padding-top:90px}section{scroll-margin-top:90px}body{font-family:Arial,Helvetica,sans-serif;background-color:var(--bg-dark);color:var(--text-light)}.container{width:90%;max-width:1200px;margin:0 auto}.header{position:fixed;top:0;left:0;width:100%;height:72px;background-color:var(--bg-light);z-index:1000;box-shadow:0 2px 10px #0000004d}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{font-size:24px;font-weight:700;color:var(--primary)}.logo-wrapper{display:flex;align-items:center}.logo-img{height:50px;width:auto;cursor:pointer}.nav{display:flex;align-items:center;gap:20px}.nav a{color:var(--text-light);text-decoration:none;font-size:14px;position:relative;transition:color .3s ease}.nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background-color:var(--primary);transition:width .3s ease}.nav a:hover{color:var(--primary)}.nav a:hover:after{width:100%}.btn-login{padding:8px 16px;border:1px solid var(--primary);border-radius:10px;background:transparent;color:var(--primary);cursor:pointer;transition:all .3s ease}.btn-login:hover{color:#000}.mobile-menu-button{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;border-radius:8px}.hamburger{display:block;width:22px;height:2px;background:var(--text-light);position:relative;transition:transform .25s ease,background .25s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:22px;height:2px;background:var(--text-light);transition:transform .25s ease,top .25s ease,opacity .2s}.hamburger:before{top:-7px}.hamburger:after{top:7px}.hamburger.open{background:transparent}.hamburger.open:before{transform:translateY(7px) rotate(45deg)}.hamburger.open:after{transform:translateY(-7px) rotate(-45deg)}.mobile-nav-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:flex-end;z-index:1100}.mobile-nav{width:280px;max-width:90%;background:linear-gradient(180deg,#12182bfa,#0b0f19fa);padding:20px;display:flex;flex-direction:column;gap:12px}.mobile-nav-link{color:var(--text-light);text-decoration:none;padding:12px 14px;border-radius:10px;font-weight:700;transition:background .18s ease,color .18s ease}.mobile-nav-link:hover{background:#ffffff08;color:var(--primary)}.hero{padding:120px 0;text-align:center;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-light) 100%)}.hero-badge{display:inline-block;margin-bottom:20px;padding:6px 14px;background-color:#00e5ff1a;color:var(--primary);font-size:12px;border-radius:20px;transition:background-color .3s ease}.hero-badge:hover{background-color:#00e5ff33}.hero h2{font-size:42px;margin-bottom:20px}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto 30px;font-size:16px}.hero-actions{display:flex;justify-content:center;gap:16px}.btn-primary{padding:14px 28px;background-color:var(--primary);border:none;cursor:pointer;font-weight:700;transition:transform .2s ease,box-shadow .2s ease;color:var(--bg-dark);border-radius:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00e5ff4d;color:var(--text-light)}.btn-secondary{padding:14px 28px;background:transparent;color:var(--text-light);border:1px solid var(--text-muted);cursor:pointer;transition:all .3s ease;background-color:var(--bg-light);border-radius:8px;font-weight:700;transition:background-color .2s,border-color .2s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.how-it-works{padding:80px 0;background-color:var(--bg-dark)}.how-it-works h3{text-align:center;margin-bottom:50px;font-size:28px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}.step{background-color:var(--bg-light);padding:30px;border-radius:8px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.step:hover{transform:translateY(-6px);box-shadow:0 10px 25px #0006}.step span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:15px;border-radius:50%;background-color:var(--primary);color:#000;font-weight:700}.step h4{margin-bottom:10px}.cta{padding:80px 0;text-align:center;background:linear-gradient(180deg,var(--bg-light) 0%,var(--bg-dark) 100%)}.cta h3{font-size:32px;margin-bottom:15px}.cta p{color:var(--text-muted);margin-bottom:30px}.features{padding:80px 0;background-color:var(--bg-light)}.features h3{text-align:center;margin-bottom:50px;font-size:28px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background-color:var(--bg-dark);padding:30px;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0006}.feature-card h4{margin-bottom:10px;color:var(--primary)}.feature-card p{color:var(--text-muted)}.footer{padding:30px 0;text-align:center;font-size:14px;color:var(--text-muted)}.navbar{position:fixed;top:0;left:0;width:100%;height:64px;background-color:var(--bg-dark);display:flex;align-items:center;padding:0 5%;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);z-index:900}.nav-logo img{height:40px}.nav-center{display:flex;gap:20px}.nav-btn{color:var(--text-muted);text-decoration:none;font-size:14px;padding:8px 12px;border-radius:6px;transition:all .3s ease}.nav-btn:hover{color:var(--primary);background-color:#00e5ff1a}.nav-btn.active{color:var(--primary);background-color:#00e5ff26}.profile-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--primary);color:#000;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.public-page{padding-top:72px}.dashboard-content{padding-top:64px}.profile-wrapper{position:relative}.profile-dropdown{position:absolute;top:48px;right:0;background-color:var(--bg-light);border-radius:8px;min-width:180px;padding:8px 0;box-shadow:0 12px 30px #00000080;animation:fadeDown .2s ease;z-index:999}.profile-item{width:100%;padding:10px 16px;background:none;border:none;text-align:left;color:var(--text-light);cursor:pointer;font-size:14px}.profile-item:hover{background-color:#00e5ff1a;color:var(--primary)}.profile-item.logout{color:#ff5c5c}.profile-item.logout:hover{background-color:#ff5c5c1a}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.jogos-publico{max-width:1200px;margin:0 auto;padding:40px 20px}.jogos-publico-titulo{text-align:center;font-size:28px;margin-bottom:30px}.jogos-publico-filtros{display:flex;justify-content:center;gap:12px;margin-bottom:30px;flex-wrap:wrap}.jogos-publico-select{appearance:none;background-color:var(--bg-light);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 36px 10px 14px;color:var(--text-light);font-size:14px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .1s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a0a0a0' viewBox='0 0 20 20'%3E%3Cpath d='M5.25 7.5L10 12.25L14.75 7.5' stroke='%23a0a0a0' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px}.jogos-publico-select:hover{border-color:var(--primary);transform:translateY(-1px)}.jogos-publico-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00e5ff40}.jogos-publico-select option{background-color:var(--bg-dark);color:var(--text-light)}.jogos-publico-vazio{grid-column:1 / -1;text-align:center;opacity:.7;font-size:14px;padding:30px 0;color:#fff}.jogos-publico-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.btn-wrapper-container{display:flex;flex-direction:column;align-items:center;margin-top:40px}.btn-wrapper{display:flex;gap:16px;margin-bottom:16px}.btn-wrapper .btn-primary{flex:1;max-width:200px;margin:0;text-align:center}.btn-wrapper-text{text-align:center;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:999;width:100vw;height:100vh;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background-color:var(--bg-light);display:flex;flex-direction:column;gap:16px;padding:24px;width:100%;color:var(--text-light);max-width:50%;max-height:90vh;overflow:auto;border-radius:18px;background:linear-gradient(180deg,#12182bfa,#0b0f19fa);box-shadow:0 30px 80px #0009,inset 0 0 0 1px #ffffff0a;animation:modalFadeUp .25s ease}.modal h3{margin-bottom:8px;color:var(--primary);text-align:center;font-size:1.5rem}.modal h4{margin:20px 0 10px;font-size:16px}.modal label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-light)}.modal-input{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:var(--bg-dark);color:var(--text-light);font-size:14px;outline:none;transition:border .2s}.modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00e5ff40}.modal-input,.modal select,.modal input[type=number],.modal input[type=date]{width:100%;padding:8px 10px;font-size:14px;border-radius:4px;border:1px solid #d1d5db}.modal-input:focus,.modal select:focus,.modal input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00e5ff33}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:15px}.modal-buttons .btn-primary,.modal-buttons .btn-secondary{flex:1}.horarios-cards{display:grid;grid-template-columns:repeat(2,1f);gap:24px;margin-top:40px}@media(max-width:640px){.nav{display:none}.mobile-menu-button{display:flex}.container{width:95%}.hero{padding:72px 0 40px}.hero h2{font-size:28px;line-height:1.15;margin-bottom:14px;padding:0 6px}.hero p{font-size:14px;max-width:100%;margin-bottom:18px;padding:0 6px;color:var(--text-muted)}.hero-actions{flex-direction:column;gap:12px;align-items:stretch;padding:0 6px}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;padding:12px 16px;font-size:15px}.hero-badge{padding:6px 10px;font-size:11px}.features-grid{grid-template-columns:1fr;gap:18px}.feature-card{padding:20px}.modal{max-width:92%;padding:18px}.logo-img{height:42px}.header{height:64px}.public-page{padding-top:64px}}#root{width:100%;min-height:100vh}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}