@import"https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap";*{margin:0;padding:0;font-family:Montserrat;box-sizing:border-box}header[data-v-3e5988e3]{position:fixed;top:0;left:0;width:100%;background:#1e1e2f;color:#fff;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 2px 6px #0003;z-index:1000}.logo h1[data-v-3e5988e3]{font-size:28px;margin:0}.nav-links[data-v-3e5988e3]{list-style:none;display:flex;gap:25px;margin:0;padding:0}.nav-links a[data-v-3e5988e3]{color:#fff;font-weight:700;text-decoration:none;transition:color .3s}.nav-links a[data-v-3e5988e3]:hover{color:gold}.users[data-v-3e5988e3]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.users input[data-v-3e5988e3]{padding:6px 10px;border-radius:5px;border:none;outline:none}.btn[data-v-3e5988e3]{background-color:gold;border:none;padding:6px 12px;border-radius:5px;cursor:pointer;font-weight:700;color:#000;transition:background-color .3s}.btn[data-v-3e5988e3]:hover{background-color:#e6c200}.btn-secondary[data-v-3e5988e3]{background-color:#4caf50;color:#fff}.btn-secondary[data-v-3e5988e3]:hover{background-color:#3e8e41}.btn-logout[data-v-3e5988e3]{background-color:#e74c3c;color:#fff}.btn-logout[data-v-3e5988e3]:hover{background-color:#c0392b}.welcome[data-v-3e5988e3]{font-weight:700;margin-right:10px;padding:5px 10px}.modal[data-v-3e5988e3]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;padding-top:100px}.modal-content[data-v-3e5988e3]{background:linear-gradient(135deg,#fff,#f9f9f9);padding:20px;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 20px #0000004d;animation:fadeIn-3e5988e3 .3s ease-out}.modal-content h2[data-v-3e5988e3]{text-align:center;font-size:24px;margin-bottom:20px;color:#333}.modal-content form div[data-v-3e5988e3]{margin-bottom:15px}.modal-content label[data-v-3e5988e3]{display:block;font-weight:700;margin-bottom:5px;color:#555}.modal-content input[data-v-3e5988e3],.modal-content textarea[data-v-3e5988e3]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.modal-content input[data-v-3e5988e3]:focus,.modal-content textarea[data-v-3e5988e3]:focus{border-color:#4caf50;outline:none}.modal-content textarea[data-v-3e5988e3]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s;resize:none}.modal-content textarea[data-v-3e5988e3]:focus{border-color:#4caf50;outline:none}.modal-content button[data-v-3e5988e3]{display:block;width:100%;padding:12px;margin-top:10px;font-size:16px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.modal-content .btn-secondary[data-v-3e5988e3]{background-color:#4caf50;color:#fff}.modal-content .btn-secondary[data-v-3e5988e3]:hover{background-color:#3e8e41}.modal-content .btn-logout[data-v-3e5988e3]{background-color:#e74c3c;color:#fff}.modal-content .btn-logout[data-v-3e5988e3]:hover{background-color:#c0392b}@keyframes fadeIn-3e5988e3{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}footer[data-v-93a8a7b0]{bottom:0;left:0;width:100%;background:#1e1e2f;color:#fff;padding:20px 40px;box-shadow:0 -2px 6px #0003;z-index:1000;display:flex;flex-direction:column;gap:10px}.footer-content[data-v-93a8a7b0]{display:flex;justify-content:space-between;flex-wrap:wrap}.description h2[data-v-93a8a7b0]{margin:0 0 8px;font-size:22px}.description p[data-v-93a8a7b0],.contact p[data-v-93a8a7b0]{margin:5px 0;font-size:14px;color:#ddd}.contact[data-v-93a8a7b0]{text-align:right}.contact strong[data-v-93a8a7b0]{font-size:15px}.description[data-v-93a8a7b0]{max-width:60%}.contact[data-v-93a8a7b0]{max-width:35%}@media (max-width: 768px){.footer-content[data-v-93a8a7b0]{flex-direction:column;align-items:flex-start}.contact[data-v-93a8a7b0]{text-align:left;margin-top:10px}}copyright[data-v-93a8a7b0]{text-align:center;font-size:13px;color:#aaa;margin-top:10px}body,html,#app{margin:0;padding:0;height:100%}.main-content{margin-top:100px;padding-bottom:200px;min-height:calc(100vh - 200px)}.home[data-v-ca44bada]{padding:100px 30px;text-align:center;background-color:#f9f9f9;color:#222;min-height:100vh;font-family:Segoe UI,sans-serif}h1[data-v-ca44bada]{font-size:3rem;margin-bottom:10px}.highlight[data-v-ca44bada]{color:#ff4d4d}.subtitle[data-v-ca44bada]{font-size:1.2rem;color:#555;margin-bottom:40px}.nav-links[data-v-ca44bada]{display:flex;justify-content:center;gap:40px;margin-bottom:60px;flex-wrap:wrap}.nav-card[data-v-ca44bada]{font-size:1.3rem;padding:20px 40px;background-color:#ff4d4d;color:#fff;border-radius:15px;text-decoration:none;font-weight:700;box-shadow:0 4px 8px #0000001a;transition:transform .3s,background-color .3s}.nav-card[data-v-ca44bada]:hover{transform:translateY(-5px);background-color:#e63e3e}.top-games[data-v-ca44bada]{margin-top:30px}.top-games h2[data-v-ca44bada]{font-size:2rem;margin-bottom:30px}.game-cards[data-v-ca44bada]{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.game-card[data-v-ca44bada]{width:220px;background:#fff;color:#333;padding:15px;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .3s;text-decoration:none;text-align:center}.game-card[data-v-ca44bada]:hover{transform:scale(1.05)}.game-card img[data-v-ca44bada]{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:10px}.game-card h3[data-v-ca44bada]{font-size:1.1rem;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-events[data-v-ca44bada]{margin-top:60px}.upcoming-events h2[data-v-ca44bada]{font-size:2rem;margin-bottom:30px}.event-cards[data-v-ca44bada]{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.event-card[data-v-ca44bada]{width:220px;background:#fff;color:#333;padding:15px;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .3s;text-align:center}.event-card[data-v-ca44bada]:hover{transform:scale(1.05)}.event-card img[data-v-ca44bada]{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px}.event-card h3[data-v-ca44bada]{font-size:1.1rem;margin-bottom:5px}.event-card p[data-v-ca44bada]{color:#888}.filter-button[data-v-d7ac201f]{display:flex;align-items:center;padding:10px 20px;text-decoration:none;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:15px}.filters-img[data-v-d7ac201f]{width:20px;height:20px;margin-right:5px}.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit!important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none!important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block!important}.slider-horizontal{height:var(--slider-height,6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height,16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-width,16px)}.slider-vertical{height:var(--slider-vertical-height,300px);width:var(--slider-height,6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width,16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 + -1px);width:var(--slider-handle-height,16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg,#d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius,9999px)}.slider-connect{background:var(--slider-connect-bg,#10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg,#fff);border:var(--slider-handle-border,0);border-radius:var(--slider-handle-radius,9999px);box-shadow:var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height,16px);width:var(--slider-handle-width,16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width,3px) var(--slider-handle-ring-color,rgba(16,185,129,.188)),var(--slider-handle-shadow,.5px .5px 2px 1px rgba(0,0,0,.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active,.5px .5px 2px 1px rgba(0,0,0,.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled,#9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled,#9ca3af);border-color:var(--slider-tooltip-bg-disabled,#9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg,#10b981);border:1px solid var(--slider-tooltip-bg,#10b981);border-radius:var(--slider-tooltip-radius,5px);color:var(--slider-tooltip-color,#fff);display:block;font-size:var(--slider-tooltip-font-size,.875rem);font-weight:var(--slider-tooltip-font-weight,600);line-height:var(--slider-tooltip-line-height,1.25rem);min-width:var(--slider-tooltip-min-width,20px);padding:var(--slider-tooltip-py,2px) var(--slider-tooltip-px,6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size,5px) solid transparent;border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px))*-1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}.filters-list{padding:20px;border:1px solid #ccc;border-radius:10px;margin-top:20px;display:flex;flex-direction:column;align-items:flex-start}.slider-container{display:flex;gap:50px}.custom-slider{width:250px;margin:10px 0;z-index:100;--slider-height: 8px;--slider-handle-height: 20px;--slider-handle-width: 20px;--slider-connect-bg: #2e3e7d;--slider-handle-bg: #2e3e7d;--slider-handle-border: 2px solid #2e3e7d;--slider-handle-radius: 50%;--slider-tooltip-bg: #2e3e7d}.custom-slider .slider-touch-area{height:0;width:0}input[type=text]{border-radius:5px;padding:5px;border:1px solid #ccc}.discover[data-v-0c0d9a15]{margin-top:50px;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.discover h2[data-v-0c0d9a15],.discover p[data-v-0c0d9a15]{text-align:center}h2[data-v-0c0d9a15]{font-size:32px;margin-bottom:5px}p[data-v-0c0d9a15]{font-size:16px;color:#555}.game-list[data-v-0c0d9a15]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px;margin-top:30px}.game-item[data-v-0c0d9a15]{border:1px solid #ccc;border-radius:16px;padding:15px;background-color:#fafafa;transition:transform .2s ease,box-shadow .2s ease}.game-item[data-v-0c0d9a15]:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.game-item h3[data-v-0c0d9a15]{font-size:18px;margin-bottom:8px;color:#333}.game-item p[data-v-0c0d9a15]{font-size:14px;margin:4px 0;color:#666}.game-item img[data-v-0c0d9a15]{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-top:10px}.game-item h3[data-v-0c0d9a15]{font-size:18px;margin-bottom:8px;color:#333;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:2.8em}.game_container[data-v-543b0008]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-bottom:20px;background-color:#f7f7f7;padding-top:20px}.game_container_details[data-v-543b0008]{width:90%;padding:30px;background-color:#000;border-radius:30px;display:flex;justify-content:space-evenly;color:#fff;gap:10px}.game_description[data-v-543b0008]{width:50%;display:flex;flex-direction:column;gap:6px}.game_rating_section[data-v-543b0008]{width:30%;text-align:center;margin:auto 0}.game_rating[data-v-543b0008]{font-size:78px}.comment_insert[data-v-543b0008]{display:flex;justify-content:center;align-items:center;gap:20px;width:90%;margin-top:10px;height:60px;background-color:#606060;border-radius:20px}.comment_insert input[data-v-543b0008]{padding-left:10px;padding-right:10px;border-radius:10px;height:40px;border:none}.comment_insert_ipt_1[data-v-543b0008]{width:80%}.comment_insert button[data-v-543b0008]{height:40px;background-color:#ff4d4d;border-radius:10px;padding:10px;border:none}#User_comment_title[data-v-543b0008]{margin-top:10px}.User_comments[data-v-543b0008]{margin-top:10px;width:90%;background-color:#e5e5e5;padding:20px;border-radius:10px}.User_comments h4[data-v-543b0008]{margin-left:5px}.User_comments p[data-v-543b0008]{background-color:#fff;padding:10px;margin-top:5px;margin-bottom:10px;border-radius:10px}.events-container[data-v-d4ebacfe]{padding:20px;background-color:#f4f4f9}.events-list[data-v-d4ebacfe]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:50px}.event-card[data-v-d4ebacfe]{background-color:#fff;border-radius:12px;box-shadow:0 6px 12px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.event-card[data-v-d4ebacfe]:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0003}.event-image[data-v-d4ebacfe]{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:16px}.event-card h2[data-v-d4ebacfe]{font-size:1.6em;margin-bottom:12px;color:#333}.event-details p[data-v-d4ebacfe]{margin:6px 0;font-size:1em;color:#555}.event-details strong[data-v-d4ebacfe]{color:#222}button[data-v-d4ebacfe]{margin-top:16px;padding:10px 16px;border-radius:6px;border:none;font-weight:700;font-size:1em;cursor:pointer;transition:background-color .3s ease}.join-button[data-v-d4ebacfe]{background-color:#007bff;color:#fff}.join-button[data-v-d4ebacfe]:hover{background-color:#0056b3}.leave-button[data-v-d4ebacfe]{background-color:#dc3545;color:#fff}.leave-button[data-v-d4ebacfe]:hover{background-color:#c82333}.about[data-v-b197335f]{max-width:800px;margin:0 auto;padding:2rem;padding-top:120px;font-family:Arial,sans-serif;text-align:center;background-color:#f9f9f9;border-radius:12px;box-shadow:0 0 15px #0000001a;transition:box-shadow .3s ease}.about[data-v-b197335f]:hover{box-shadow:0 4px 20px #0003}h1[data-v-b197335f]{font-size:2.5rem;margin-bottom:1.5rem;color:#333;font-weight:600}.info[data-v-b197335f]{font-size:1.2rem;margin-bottom:2rem;line-height:1.6;color:#555}.more-link a[data-v-b197335f]{font-size:1.1rem;color:#007bff;text-decoration:none;font-weight:700;transition:color .3s ease,transform .3s ease}.more-link a[data-v-b197335f]:hover{color:#0056b3;text-decoration:underline;transform:translateY(-3px)}