.card{width:1500px;height:800px;background:#fff;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.home-container{width:100%;max-width:1600px;display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:transparent}.hero-section{width:1600px;height:700px;margin-bottom:3rem;display:flex;align-items:center;justify-content:space-between;padding:4rem 2rem;gap:3rem;background:#fff;border-radius:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.landing-left{flex:1;text-align:left;padding-left:3rem}.landing-title{font-size:4.5rem;font-family:var(--font-primary);text-shadow:3px 3px rgba(0,0,0,1);margin-bottom:1rem;animation:slideUp .8s ease-out}.landing-subtitle{font-size:1.8rem;color:var(--color-secondary);font-family:var(--font-primary);line-height:1.6;margin-bottom:2rem;animation:slideUp .9s ease-out}.landing-right{flex:1;display:flex;justify-content:center;align-items:center}.hero-illustration{width:100%;max-width:550px;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:20px;animation:fadeIn 1.2s ease-in}.auth-buttons{display:flex;justify-content:flex-start;gap:20px;margin-top:15px}.home-card button,.submit-button{background-color:#3b3f97;color:#fff;transition:background-color .2s ease}.button:hover,.submit-button:hover{background-color:#5781cb}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-section{flex-direction:column;text-align:center;padding:3rem 2rem}.landing-left{padding-left:0;align-items:center}.landing-title{font-size:3rem}.landing-subtitle{font-size:1.25rem}.auth-buttons{justify-content:center}.hero-illustration{max-width:90%}}@media (max-width: 480px){.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1rem}.auth-buttons{flex-direction:column;gap:12px}}.home-dashboard{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px;max-width:1600px;margin:auto;align-items:start}.dashboard-welcome-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 8px #0000001a;text-align:center;grid-column:span 2}.dashboard-welcome-card h1{font-size:28px;color:#3b3f97;margin-bottom:10px}.dashboard-welcome-card p{font-size:16px;color:#555}.dashboard-actions{display:flex;justify-content:center;gap:15px;margin-top:15px}.dashboard-matches-title{margin-top:20px;font-size:20px;color:#3b3f97;text-align:center}.dashboard-matches-list{display:flex;flex-direction:column;gap:10px;max-height:150px;overflow-y:auto;padding:10px}.dashboard-match-item{display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.dashboard-match-item p{font-size:16px;color:#333}.dashboard-rank{font-size:20px;font-weight:700;color:#3b3f97;margin-right:10px}.dashboard-chat-button{padding:6px 12px;border:none;border-radius:8px;background:#3b3f97;color:#fff;font-size:14px;cursor:pointer;transition:background .3s ease}.dashboard-chat-button:hover{background:#5781cb}.dashboard-action-button{padding:12px 18px;border:none;border-radius:8px;background:#3b3f97;color:#fff;font-size:16px;cursor:pointer;transition:background .3s ease}.dashboard-action-button:hover{background:#5781cb}.dashboard-preview-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 8px #0000001a;text-align:center}.dashboard-preview-card,.dashboard-blog-preview{width:600px;display:flex;overflow:hidden;flex-direction:column;justify-content:space-between;height:350px;background-color:#fff;border-radius:15px;padding:1rem;box-shadow:#0000001a 0 2px 6px}.dashboard-preview-card h2{font-size:22px;color:#3b3f97;margin-bottom:15px}.dashboard-preview-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.dashboard-preview-item{display:flex;align-items:center;background:#f9f9f9;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:15px;overflow-y:hidden}.dashboard-preview-image{width:45px;height:45px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.dashboard-preview-info h3{font-size:16px;color:#3b3f97}.dashboard-preview-info p{font-size:14px;color:#666}.dashboard-view-more-button{margin-top:10px;padding:10px 16px;border:none;border-radius:8px;background:#3b3f97;color:#fff;font-size:16px;cursor:pointer;transition:background .3s ease}.dashboard-view-more-button:hover{background:#5781cb}.dashboard-blog-preview{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 8px #0000001a;text-align:center}.dashboard-blog-preview h2{font-size:22px;color:#3b3f97;margin-bottom:15px}.dashboard-blog-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:hidden}.dashboard-blog-item{background:#f9f9f9;padding:8px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:left}.dashboard-blog-item h3{font-size:16px;color:#3b3f97}@media (max-width: 768px){.home-dashboard{grid-template-columns:1fr;grid-template-rows:auto auto}.dashboard-welcome-card{grid-column:span 1}.dashboard-preview-card,.dashboard-blog-preview{width:100%}.dashboard-preview-item{flex-direction:row;justify-content:start}.dashboard-preview-info{text-align:left}}.sign-Button{--primary-color: var(--primary-color);--secondary-color: #fff;--hover-color: #5781cb;--arrow-width: 10px;--arrow-stroke: 2px;box-sizing:border-box;border:0;border-radius:20px;color:#fff;padding:1em 1.8em;background:#3b3f97;display:flex;transition:.2s background;align-items:center;gap:.6em;font-weight:700;margin-top:35px}.sign-Button .arrow-wrapper{display:flex;justify-content:center;align-items:center}.sign-Button .arrow{margin-top:1px;width:var(--arrow-width);background:var(--primary-color);height:var(--arrow-stroke);position:relative;transition:.2s}.sign-Button .arrow:before{content:"";box-sizing:border-box;position:absolute;border:solid var(--secondary-color);border-width:0 var(--arrow-stroke) var(--arrow-stroke) 0;display:inline-block;top:-3px;right:3px;transition:.2s;padding:3px;transform:rotate(-45deg)}.sign-Button:hover{background-color:var(--hover-color)}.sign-Button:hover .arrow{background:var(--secondary-color)}.sign-Button:hover .arrow:before{right:0}.corner-footer{position:fixed;bottom:1px;left:10px;font-size:.7rem;color:#888;z-index:1000;background:transparent;pointer-events:none}.corner-footer-second{position:fixed;bottom:1px;right:10px;font-size:.7rem;color:#888;z-index:1000;background:transparent;pointer-events:none}.suggest-container{display:flex;max-width:100rem;max-height:47.19rem;gap:1.25rem;align-items:stretch}.suggest-content{width:31.25rem;min-width:31.25rem;max-height:47.19rem;padding:2.5rem;background:#fff;border-radius:.625rem;box-shadow:0 .25rem .5rem #0000001a;display:flex;flex-direction:column;justify-content:flex-start}.suggest-sidebar{flex:1;width:75rem;background:#3b3f97;padding:1.56rem;border-radius:.625rem;color:#fff;display:flex;flex-direction:column;justify-content:flex-start}.suggestion-form{display:flex;flex-direction:column;gap:1.25rem}.form-grid{display:flex;flex-wrap:wrap;gap:1.25rem}.form-group{min-width:100%}label{font-weight:700;margin-bottom:.625rem;display:block}select{width:100%;padding:.88rem;border-radius:.5rem;border:.0625rem solid #ccc;font-size:1rem;transition:.3s}select:focus{border-color:#3b3f97;outline:none}.label{font-weight:700}.form-buttons{display:flex;gap:.625rem;margin-top:1.56rem;align-items:center;width:100%}.submit-button{flex:7;background-color:#3b3f97;color:#fff;padding:.88rem;border-radius:.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;border:none;text-align:center}.gameDetails{color:#fff}.subtitle{margin-bottom:.31rem;font-weight:600}.subtitle2{margin-bottom:1.88rem;font-size:1rem}.submit-button:hover{background:#5781cb;transform:translateY(-7%) scale(1.05)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;width:240%;height:120%;padding:1.25rem;text-align:center}.empty-state-image{max-width:25rem;margin-bottom:1.25rem;opacity:.4}.empty-state-text{color:#adb0f0;font-size:1.3rem;font-family:var(--font-primary);font-weight:300;margin-top:.625rem}.suggested-list{min-height:18.75rem}.clear-button{flex:3;background-color:#d32f2f;color:#fff;padding:.88rem;border-radius:.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;border:none;text-align:center;font-size:medium}.clear-button:hover{background:#f44336;transform:translateY(-7%) scale(1.05)}.single-toggle-container{display:flex;align-items:center;justify-content:center;gap:.625rem;margin:.625rem 0}.toggle-option{width:8.13rem;font-weight:500;color:#666;transition:all .8s}.toggle-option.active{color:#5781cb;text-shadow:0 0 .125rem rgba(87,129,203,.8);font-weight:700}.toggle-option:first-child{width:8.13rem}.toggle-option:last-child{width:5.94rem}.single-toggle-switch{position:relative;display:inline-block;width:3.75rem;height:1.88rem}.single-toggle-switch input{opacity:0;width:0;height:0}.games-radio-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3b3f97;transition:.4s;border-radius:2.13rem}.games-radio-slider:before{position:absolute;content:"";height:1.38rem;width:1.38rem;left:.25rem;bottom:.25rem;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.games-radio-slider{background-color:#3b3f97}input:checked+.games-radio-slider:before{transform:translate(1.88rem)}.suggested-list{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:1.25rem;margin-top:1.25rem}.suggested-card{background:#5781cb;border-radius:.625rem;padding:.94rem;display:flex;flex-direction:column;cursor:pointer;transition:all .4s cubic-bezier(.25,.1,.25,1);opacity:0;transform:translateY(-.63rem);animation:slideIn .5s ease forwards;min-height:15.63rem;transform-style:preserve-3d;will-change:transform;position:relative;z-index:1}.suggested-card:hover{box-shadow:0 2.5rem 5rem #0006;z-index:2}.suggested-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);border-radius:.625rem;opacity:0;transition:opacity .3s ease}.suggested-card:hover:before{opacity:1}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-.63rem)}to{transform:translateY(0)}}.custom-font-label{font-family:var(--font-primary)}.suggested-image{width:100%;height:7.5rem;-o-object-fit:cover;object-fit:cover;border-radius:.38rem;margin-bottom:.75rem}.gameDetails{flex:1;display:flex;flex-direction:column}@keyframes slideIn{0%{opacity:0;transform:translateY(-.63rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 64rem){.suggest-container{flex-direction:column;max-width:95%;margin:2rem auto;gap:1rem}.suggest-content{width:100%;min-width:auto;margin-bottom:1.5rem}.suggest-sidebar{width:100%;margin-bottom:1.5rem}.form-grid{flex-direction:column}.suggested-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 48rem){.suggest-container{max-width:100%;margin:1rem;gap:.75rem}.suggested-list{grid-template-columns:1fr}.submit-button,.clear-button{padding:.75rem;font-size:1rem}label,.subtitle,.empty-state-text{font-size:.9rem}}.blog-container{display:flex;justify-content:center;width:100%;box-sizing:border-box}.blog-content-wrapper{width:100%;max-width:1600px;display:flex;flex-direction:column;gap:1rem}.blog-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.blog-controls{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.blog-search-box,.blog-sort-box{background-color:#3b3f97;color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 6px 20px #0000000d;flex:1;min-width:280px;max-width:800px}.blog-search-title,.blog-sort-title{font-size:1.3rem;margin-bottom:1rem}.blog-search-input,.blog-sort-dropdown{width:100%;padding:.75rem;font-size:1rem;border-radius:8px;border:none;outline:none;color:#000}.blog-layout{width:100%}.blog-main{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 6px 20px #0000000d;display:flex;flex-direction:column;min-height:600px}.blog-heading-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.blog-heading{font-size:2rem}.blog-add-button{background-color:#3b3f97;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease}.blog-add-button:hover{background-color:#4a6fb3}.blog-post-list{display:flex;flex-direction:column;gap:1.5rem}.blog-post-card{background:#f0f0f0;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #00000014;transition:box-shadow .3s}.blog-post-card:hover{box-shadow:0 6px 12px #0003}.blog-post-title{font-size:1.4rem;margin:0}.blog-post-meta{font-size:.9rem;color:#777;display:flex;justify-content:space-between}.blog-post-footer{margin-top:1rem;text-align:right}.blog-text-button{background-color:#3b3f97;color:#fff;padding:.4rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s}.blog-text-button:hover{background-color:#4a6fb3}.pagination-blog{display:flex;justify-content:center;gap:.5rem;margin-top:auto;padding-top:2rem}.page-button-blog{background:#3b3f97;color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s ease}.page-button-blog:hover{background:#4a6fb3}.page-button-blog.active{background:#2a2f7a;font-weight:700}.blog-likes{font-size:.95rem;color:#777}.queue-wrapper{width:100%;max-width:1600px;display:flex;flex-direction:column;gap:.5rem}.queue-tabs{flex:1;color:#3b3f97;font-size:18px;font-weight:700;cursor:pointer;transition:.3s;border:none;z-index:5}.queue-tab{padding:.75rem 1.5rem;background:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:.3s}.queue-tab.active{background:#3b3f97;color:#fff}.queue-tab:hover{background:#b8d2ff}.queue-content{display:flex;flex-direction:column;gap:2rem}.friends-tab{display:flex;gap:2rem;align-items:flex-start}.friends-panel,.add-friend-panel{flex:1;padding:2rem;border-radius:12px}.friend-card{background:#fff;padding:1rem;border-radius:10px;display:flex;justify-content:space-between;gap:1rem;box-shadow:0 4px 10px #0000000d}.friend-actions button{margin-right:.5rem;padding:.4rem .8rem;background-color:#3b3f97;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer}.friend-actions button:hover{background-color:#5781cb}.add-friend-panel input{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:8px;margin-bottom:1rem}.add-friend-panel button{padding:.6rem 1rem;background-color:#3b3f97;color:#fff;border:none;border-radius:6px;cursor:pointer}.friend-avatar-img{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:10px;border:3px solid #5a6ef2}.card-box{background:#fff;padding:10px;border-radius:16px;box-shadow:0 4px 12px #00000014}.friends-layout{display:flex;justify-content:space-between;gap:25px}.friends-list{flex:2}.friends-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;height:575px;overflow-y:auto;padding-right:10px}.friend-card{width:100%;height:250px;background-color:#f0f0f0;border-radius:12px;padding:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.friend-avatar-img{width:125px;height:125px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:10px;border:4px solid #5a6ef2}.chat-button,.add-button{background:#5a6ef2;border:none;padding:8px 12px;color:#fff;border-radius:6px;cursor:pointer}.chat-button:hover,.add-button:hover{background:#7888f0}.search-friends{flex:1;max-width:400px;max-height:700px;overflow-y:auto}.search-input-mm{width:100%;padding:10px;margin:10px 0 20px;border-radius:8px;border:1px solid #ccc}.search-result-card{background:#f9f9f9;height:200px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;border-radius:12px;padding:16px;text-align:center;margin-bottom:10px;align-items:center;box-shadow:0 3px 8px #0000000d}.search-result-card img{width:70px;height:70px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:10px;border:2px solid #5a6ef2}.friends-grid::-webkit-scrollbar{width:8px}.friends-grid::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.matchmaking-tab{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.matchmaking-form{background:#f4f4f4;padding:2rem;border-radius:12px}.matchmaking-form form{display:flex;flex-direction:column;gap:1rem}.matchmaking-form select,.matchmaking-form input[type=text],.matchmaking-form input[type=range]{padding:.6rem;border:1px solid #ccc;border-radius:8px}.matchmaking-form button{padding:.6rem 1rem;background-color:#3b3f97;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.match-results{background:#f0f2ff;padding:2rem;border-radius:12px}.match-card{background:#fff;padding:1rem;margin-bottom:1rem;border-radius:10px;box-shadow:0 4px 10px #0000000d;display:flex;justify-content:space-between;align-items:center}.match-actions button{margin-left:.5rem;padding:.4rem .8rem;background-color:#3b3f97;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer}.friend-message{position:fixed;top:150px;left:80%;transform:translate(-50%);background-color:#d4edda;color:#155724;padding:1rem 2rem;border-radius:8px;font-weight:700;font-size:1rem;box-shadow:0 4px 12px #0000001a;opacity:0;animation:fadeInOut 3s ease-in-out forwards;z-index:9999}.no-matches-wrapper{display:flex;justify-content:center;align-items:center;height:750px;width:100%}.no-matches-message{text-align:center;background:#f8f9ff;padding:2rem 3rem;border-radius:16px;font-size:1.4rem;color:#3b3f97;box-shadow:0 6px 14px #00000014}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{background:#fff;overflow:hidden;font-family:sans-serif}.tinder{margin-top:-200px;margin-left:-175px;width:100vw;height:100vh;z-index:1;overflow:hidden;display:flex;flex-direction:column;position:relative;opacity:0;transition:opacity .1s ease-in-out}.loaded.tinder{opacity:1}.tinder--status{position:absolute;top:50%;margin-top:-30px;z-index:2;width:100%;text-align:center;pointer-events:none}.emoji-love,.emoji-nope{font-size:100px;opacity:0;transform:scale(.3);transition:all .2s ease-in-out;position:absolute;width:100px;margin-left:-50px}.tinder_love .emoji-love,.tinder_nope .emoji-nope{opacity:.7;transform:scale(1)}.tinder--cards{flex-grow:1;text-align:center;display:flex;justify-content:center;align-items:flex-end;z-index:1}.tinder--card{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:90vw;max-width:1600px;height:65vh;background:#fff;padding:2rem 3rem;border-radius:16px;overflow:hidden;position:absolute;will-change:transform;transition:all .3s ease-in-out;cursor:grab;box-shadow:0 10px 30px #00000040;gap:2rem}.moving.tinder--card{transition:none;cursor:grabbing}.tinder--card .profile-section{display:flex;flex-direction:column;align-items:center;flex:1}.tinder--card .profile-pic{width:400px;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:6px solid #5781cb;margin-bottom:1.5rem}.tinder--card h3{font-size:3.5rem}.tinder--card .classification{font-size:1.5rem}.tinder--card .description-section{flex:2;font-size:2rem;line-height:2;padding:1rem}.tinder--buttons{flex:0 0 100px;text-align:center;padding-top:20px}.tinder--buttons button{border-radius:50%;line-height:60px;width:60px;height:60px;border:0;background:#fff;display:inline-block;margin:0 10px;font-size:32px;cursor:pointer}.tinder--buttons button:focus{outline:0}.chat-box{position:fixed;bottom:20px;right:20px;width:500px;height:350px;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;border:1px solid #ccc;overflow:hidden;font-family:Arial,sans-serif;z-index:1000}.chat-box.minimized{height:auto;max-height:none}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#3b3f97;color:#fff;font-weight:700;border-top-left-radius:10px;border-top-right-radius:10px;cursor:grab}.chat-close-button{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.chat-messages{flex-grow:1;padding:10px;overflow-y:auto;background:#f9f9f9;display:flex;flex-direction:column}.chat-message{background:#e3f2fd;padding:8px 12px;border-radius:8px;margin:5px 0;max-width:70%;align-self:flex-start}.chat-message.sent{background:#3b3f97;color:#fff;align-self:flex-end}.chat-input-container{display:flex;padding:10px;border-top:1px solid #ccc;background:#fff}.chat-input{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:5px;outline:none;font-size:14px}.chat-send-button{background:#3b3f97;color:#fff;border:none;padding:10px 15px;margin-left:8px;cursor:pointer;border-radius:5px;font-size:14px}.chat-send-button:hover{background:#5781cb}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-weight:700;background-color:#3b3f97;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}.chat-controls{display:flex;gap:8px}.chat-minimize-button,.chat-close-button{background:transparent;border:none;color:#fff;font-size:1.1rem;cursor:pointer;padding:2px 6px;border-radius:4px}.chat-minimize-button:hover,.chat-close-button:hover{background-color:#ffffff1a}.profile-container{display:flex;max-width:1600px;margin:20px auto;gap:20px}.profile-sidebar{display:flex;flex-direction:column;width:450px;background:#3b3f97;padding:25px;border-radius:10px;font-size:1.1rem}.tab-button{background:none;border:none;color:#fff;padding:12px;text-align:left;cursor:pointer;transition:.3s}.tab-button:hover,.tab-button.active{background:#5781cb;border-radius:5px}.profile-content{flex-grow:1;padding:20px;display:flex;flex-direction:column;overflow-y:auto;max-height:750px;box-sizing:border-box}.profile-info{display:flex;align-items:center;justify-content:space-between;gap:50px}.profile-pic-section{display:flex;flex-direction:column;align-items:center}.profile-pic{width:200px;height:200px;border-radius:100%;border:5px solid #3B3F97}.change-pic-btn{margin-top:10px;background:#5781cb;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;transition:.3s}.change-pic-btn:hover{background:#3b3f97}.details{flex:1}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;margin-top:25px;padding:15px 25px;background:#f4f4f4;border-radius:5px}.info-row label{font-weight:700}.edit-profile-btn{display:block;width:100%;margin-top:20px;padding:10px;background:#3b3f97;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:center;transition:.3s}.edit-profile-btn:hover{background:#5781cb}.description-row{align-items:flex-start}.description-text{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.view-more-btn{background-color:#5781cb;color:#fff;border:none;padding:5px 10px;margin-left:10px;border-radius:5px;cursor:pointer;font-size:12px;transition:.3s}.view-more-btn:hover{background-color:#3b3f97}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.modal{background:#fff;padding:20px;border-radius:8px;width:400px;box-shadow:0 4px 6px #0000001a;text-align:center}.modal-textarea{width:100%;height:250px;padding:10px;border-radius:5px;border:1px solid #ccc}.modal-buttons{margin-top:15px}.save-btn,.cancel-btn{padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-size:14px;margin:5px}.input-inline{padding:6px 10px;border:1px solid #ccc;border-radius:5px;margin-right:8px;width:100%;max-width:300px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tag-item{background-color:#3b3f97;color:#fff;padding:5px 10px;border-radius:15px;font-size:.85rem;display:flex;align-items:center}.tag-remove-btn{background:none;color:#fff;border:none;margin-left:8px;font-weight:700;cursor:pointer;font-size:1rem}.edit-btn{background-color:#5781cb;color:#fff;border:none;padding:6px 10px;margin-left:12px;border-radius:4px;cursor:pointer;font-size:.9rem}.edit-btn:hover{background-color:#3b3f97}.boardgames-grid{display:flex;flex-wrap:wrap;gap:15px;overflow-y:auto;justify-content:flex-start;padding:20px 0}.boardgame-card{width:140px;text-align:center;padding:10px;background:#f4f4f4;border-radius:10px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s ease-in-out}.boardgame-card.add-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;gap:10px;min-height:180px;box-sizing:border-box}.boardgame-card.add-card input.input-inline{width:100%;padding:6px 10px;text-align:center;font-size:14px;border:1px solid #ccc;border-radius:6px}.add-card-buttons{display:flex;gap:10px;flex-wrap:wrap;width:100%}.add-card-buttons .edit-btn{padding:6px 12px;font-size:13px;border-radius:6px;cursor:pointer;flex:1 1 auto;max-width:100px}.boardgame-card input{padding:6px 8px;border:1px solid #ccc;border-radius:6px;width:100%}.boardgame-card:hover{transform:scale(1.05)}.boardgame-image{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.add-card{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#3b3f97;background:#e0e0e0;border:2px dashed #3B3F97}.add-card:hover{background:#d0d0d0}.section-divider{margin:30px 0 20px;border:none;border-top:1px solid #ccc}.sidebar-divider{margin:20px 0;border:none;border-top:1px solid #ccc}.logout-button-sidebar{background-color:#e74c3c;color:#fff;border:none;padding:10px 12px;border-radius:6px;cursor:pointer;font-weight:700;transition:.3s;text-align:left}.logout-button-sidebar:hover{background-color:#c0392b}.settings-option{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.settings-option label{font-size:1rem;font-weight:500}.switch{position:relative;display:inline-block;width:48px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:2px;left:2px;right:2px;bottom:2px;background-color:#ccc;transition:.4s;border-radius:26px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(18px)}@media (max-width: 768px){.profile-container{flex-direction:column;align-items:center}.profile-sidebar{width:100%;display:flex;justify-content:space-around}.tab-button{text-align:center;flex:1}.profile-info{flex-direction:column;align-items:center}.details{width:100%}}.search-page-container{display:flex;justify-content:center}.search-layout{display:flex;gap:1rem;align-items:flex-start;width:100%;max-width:1600px}.filter-section{display:flex;flex-direction:column;width:400px}.search-results{display:flex;flex-direction:column;justify-content:space-between;min-height:600px;padding:1rem;border-radius:12px;background-color:#fff;box-shadow:0 6px 20px #0000000d}.search-box,.filter-box,.sort-box{margin-bottom:1rem;padding:1rem;border-radius:12px;background-color:#3b3f97;color:#fff;box-shadow:0 6px 20px #0000000d}.search-box,.sort-box{max-width:500px;width:100%;height:100%}.filter-box{max-width:500px;width:100%;height:495px}.filter-label{font-weight:700;margin-top:20px;margin-bottom:.01px;text-align:left}.filter-dropdown,.search-input{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem;color:#000}.search-results{flex-grow:1;padding:30px;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.search-results h1{text-align:center;margin-bottom:20px}.leaderboard{display:flex;flex-direction:column;gap:15px}.leaderboard-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;height:100%}.leaderboard-card{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#f4f4f4;border-radius:10px;box-shadow:0 4px 6px #0000001a;gap:15px}.leaderboard-card:hover{box-shadow:0 4px 12px #00000040}.rank{font-size:1.4rem;font-weight:700;color:#5781cb;width:35px;text-align:center}.game-image{width:75px;height:75px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin:0}.game-info-search{color:#5781cb;flex-grow:1;text-align:center}.likes-container{display:flex;align-items:center;gap:5px;font-size:1rem;font-weight:700;color:#000;min-width:60px}.heart-icon{width:16px;height:16px;cursor:pointer;-o-object-fit:contain;object-fit:contain;filter:invert(21%) sepia(96%) saturate(7483%) hue-rotate(356deg) brightness(91%) contrast(112%)}.reset-button{background:#d32f2f;color:#fff;border:none;padding:12px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .3s ease;margin-top:15px;width:100%}.reset-button:hover{background:#b71c1c}.pagination{margin-top:auto;display:flex;justify-content:center;padding-top:1rem}.page-button{background:#3b3f97;color:#fff;border:none;padding:8px 12px;margin:5px;border-radius:5px;cursor:pointer;font-size:14px;transition:.3s}.page-button.active{background:#5781cb;font-weight:700}.page-button:hover{background:#4a6fb3}nav{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:nowrap;padding:1rem;position:relative;z-index:10}.nav-wrapper{display:flex;gap:2rem;flex-wrap:nowrap;align-items:center}.nav-box{background-color:#3b3f97;padding:.5rem;border-radius:15px;box-shadow:0 10px 25px #00000013;display:flex;align-items:center;gap:.5rem}.nav-box.secondary{background-color:#3b3f97}.logo-link{opacity:1;text-align:center;text-indent:0;width:auto;color:#fff;font-family:var(--font-primary);font-size:1rem;letter-spacing:.02em;margin-left:36px}.nav-logo{width:32px;height:32px;display:block;flex-shrink:0;left:18px;position:absolute;color:#1c1c1c;transition:color .2s ease-in,transform .2s ease-in;transform-origin:center}.button-container,.right-button-container{display:flex;gap:.5rem}.button{display:inline-flex;justify-content:center;align-items:center;width:180px;height:50px;border-radius:8px;position:relative;z-index:1;overflow:hidden;transform-origin:center left;transition:width .2s ease-in;text-decoration:none;color:#fff;background:none;border:none;cursor:pointer}.button:before,.logo-link:before{position:absolute;z-index:-1;content:"";display:block;border-radius:8px;width:100%;height:100%;top:0;transform:translate(100%);transition:transform .2s ease-in;transform-origin:center right;background-color:#5781cb}.button:hover,.button:focus,.logo-link:hover,.logo-link:focus,.button.active{outline:0}.button:hover:before,.button:focus:before,.logo-link:hover:before,.logo-link:focus:before,.button.active:before{transform:translate(0)}.button:hover .link-title,.button:focus .link-title,.button.active .link-title{transform:translate(0);opacity:1}.icon{width:28px;height:28px;display:block;flex-shrink:0;left:18px;position:absolute;filter:invert(1)}.link-title{display:block;text-align:center;text-indent:28px;width:100%;opacity:1;color:#fff;font-family:var(--font-primary);font-size:1rem;letter-spacing:.02em}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #00000013;padding:.5rem;min-width:200px;z-index:1000}.dropdown-item{display:block;padding:.75rem 1rem;text-decoration:none;color:#1c1c1c;border-radius:6px;transition:background-color .2s ease;font-family:var(--font-primary);letter-spacing:.02em}.dropdown-item:hover,.dropdown-item.active{background-color:#eee}.logo-link:hover .nav-logo,.logo-link:focus .nav-logo,.logo-link.active .nav-logo{color:#1c1c1c;transform:scale(1.1)}.notification-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.notification-button{background:none;border:none;cursor:pointer;position:relative;padding:.5rem;display:flex;align-items:center;justify-content:center}.notification-button .icon{width:30px;height:30px;position:relative}.notification-badge{position:absolute;top:2px;background-color:red;width:10px;height:10px;border-radius:50%;border:2px solid white;z-index:10}.notification-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;width:280px;padding:1rem;z-index:1000;margin-top:.5rem}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.clear-button-notification{background:none;border:none;color:#d32f2f;font-size:.85rem;cursor:pointer;font-weight:700}.clear-button-notification :hover{text-decoration:underline}.dropdown-list{list-style:none;padding:0;margin:0}.dropdown-item{padding:.6rem 0;border-bottom:1px solid #eee;font-size:.95rem;color:#333}.dropdown-item:last-child{border-bottom:none}.dropdown-empty{color:#888;font-style:italic;padding:.5rem 0}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5}.auth-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 6px 12px #00000026;width:450px;text-align:center;position:relative;overflow:hidden}.auth-tabs{display:flex;position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:450px;background:#fff;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 4px 6px #0003;z-index:2}.logtab-button{flex:1;padding:16px;background:#fff;color:#3b3f97;font-size:18px;font-weight:700;cursor:pointer;transition:.3s;border:none}.logtab-button.active{background:#3b3f97;color:#fff}.logtab-button:hover{background:#b8d2ff}.auth-form-container{padding-top:60px;display:flex;flex-direction:column;gap:15px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form h2{margin-bottom:15px;color:#3b3f97;font-size:22px}.auth-form input{width:100%;padding:18px;border:3px solid #ccc;border-radius:12px;font-size:18px;outline:none;transition:border .3s ease}.auth-form input:focus{border-color:#3b3f97}.auth-options{display:flex;justify-content:space-between;align-items:center;font-size:16px;gap:75px}.remember-me{display:flex;align-items:center;gap:10px}.remember-me input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3B3F97;vertical-align:middle}.auth-options a{text-decoration:none;color:#3b3f97;font-weight:700}.auth-options a:hover{text-decoration:underline}.auth-button{background:#3b3f97;color:#fff;padding:14px;border:none;border-radius:10px;font-size:18px;cursor:pointer;transition:.3s}.auth-button:hover{background:#5781cb}.input-group{position:relative;display:flex;flex-direction:column}.auth-tooltip{position:relative;margin-top:4px;background-color:#e0f0ff;color:#000;padding:8px;font-size:.85rem;border-radius:6px;border:1px solid #5781CB;box-shadow:0 2px 6px #0000001a;animation:fadeIn .3s ease-in-out;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.auth-error{color:red;font-size:.9rem;margin-top:-.5rem;margin-bottom:.75rem}@media (max-width: 768px){.auth-card{width:90%;padding:30px}.auth-tabs{max-width:90%}.logtab-button{font-size:16px}.auth-form input{font-size:14px;padding:12px}.auth-button{font-size:16px;padding:12px}}.game-details-container{max-width:1200px;height:760px;padding:40px;background:#fff;border-radius:12px;box-shadow:0 6px 12px #00000026;display:flex;flex-direction:column;gap:50px;position:relative}.left-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px}.favorite-button{background:#3b3f97;display:flex;align-items:center;gap:14px;padding:10px 15px 10px 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:10px;box-shadow:#959da533 0 8px 24px;color:#fff;font-size:16px;transition:all .3s ease}.favorite-button:hover{background:#5781cb;transform:translateY(-2px);box-shadow:#959da54d 0 10px 28px}.favorite-container input{display:none}.favorite-container input:checked+label svg{fill:red;stroke:red;animation:heartButton 1s}@keyframes heartButton{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.3)}to{transform:scale(1)}}.favorite-button .action{position:relative;overflow:hidden;display:grid}.favorite-button .action span{grid-column-start:1;grid-column-end:1;grid-row-start:1;grid-row-end:1;transition:all .5s}.favorite-button .action span.option-1{transform:translate(0);opacity:1}.favorite-container input:checked+label .action span.option-1{transform:translateY(-100%);opacity:0}.favorite-button .action span.option-2{transform:translateY(100%);opacity:0}.favorite-container input:checked+label .action span.option-2{transform:translate(0);opacity:1}.game-details-image{width:100%;max-width:350px;max-height:270px;border-radius:12px;box-shadow:0 4px 8px #00000026}.game-info.strong{font-family:var(--font-primary)}.game-title{font-size:30px;font-weight:700;color:#3b3f97;text-align:center;width:100%;order:1}.content-container{display:flex;flex-direction:row;gap:50px;order:2}.game-info{font-size:18px;color:#333;background:#f5f5f5;padding:15px 20px;border-radius:10px;width:100%;text-align:left;box-shadow:0 4px 6px #0000001a}.game-info p{margin:8px 0;font-size:18px;line-height:1.5}.game-info strong{color:#3b3f97}.likes-container{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#d32f2f;margin-top:10px}.heart-icon{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.game-rules-description-container{flex:2;display:flex;flex-direction:column;gap:15px}.game-reviews{background:#f0f0f0;padding:20px;border-radius:10px;position:relative;box-shadow:0 4px 6px #0000001a;overflow:hidden;max-width:720px}.review-content{position:relative;min-height:150px;width:100%;padding:0;z-index:1}.review-date{color:#666;font-size:.9em;margin-left:5px}.review-text{position:relative;width:96%;transition:all .5s ease;opacity:1}.review-text p{font-style:italic;max-width:720px}.game-reviews h2{text-align:left;margin-left:0;padding-left:0}.review-text.slide-out-left{animation:slideOutLeft .25s forwards}.review-text.slide-out-right{animation:slideOutRight .25s forwards}.review-text.slide-in-left{animation:slideInLeft .25s forwards}.review-text.slide-in-right{animation:slideInRight .25s forwards}@keyframes slideInLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.review-nav{position:static;transform:none;top:auto;background:#3b3f97;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all .3s ease;z-index:10}.review-nav-buttons{display:flex;gap:10px}.review-nav:hover{background:#5781cb;transform:translateY(-10%) scale(1.1)}.review-nav.prev{left:20px}.review-nav.next{right:20px}.review-author{font-weight:700;color:#3b3f97}.review-rating{text-shadow:3px 3px 6px rgba(0,0,0,.1);color:gold;margin:2px 0;font-size:28px}.game-reviews h2{font-size:24px;color:#3b3f97;margin-bottom:8px}.no-reviews{text-align:center;padding:40px 20px;font-style:italic;font-size:1.1em}.write-review-button{background:#3b3f97;color:#fff;border:none;padding:4px 12px 6px;border-radius:10px;cursor:pointer;font-size:1em;transition:all .3s}.write-review-button:hover{background:#5781cb;transform:translateY(-3%) scale(1.01)}.review-form{margin-top:10px;background:#f9f9f9;padding:8px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.write-review-section{margin-top:10px;padding-top:10px;border-top:1px solid #ddd;text-align:center}.review-plus-button{font-size:20px}.rating-input{gap:2.5px}.rating-input .star{font-size:24px;cursor:pointer;color:#000;font-weight:570}.rating-input .star.filled{color:gold}.review-form textarea{width:100%;min-height:100px;padding:5px;border:1px solid #ddd;border-radius:4px;margin-bottom:2px;resize:vertical;box-sizing:border-box}.form-actions{display:flex;justify-content:flex-end;gap:10px}.form-actions button{padding:6px 12px;border-radius:10px;cursor:pointer;font-size:.9em;transition:all .3s;border:none;font-weight:700}.form-actions button:first-child{background:#f72121;color:#fff}.form-actions button:first-child:hover{background:#fa5959;transform:translateY(-2%)}.form-actions .submit-review{background:#3b3f97;color:#fff}.form-actions .submit-review:hover{background:#5781cb;transform:translateY(-2%)}.form-actions .submit-review:disabled{background:#ccc;cursor:not-allowed}.edit-review-button{margin-top:10px;background:#3b3f97;color:#fff;border:none;padding:4px 10px;border-radius:10px;cursor:pointer;font-size:1em;margin-left:10px;transition:all .3s;display:inline-flex;align-items:center}.edit-review-button:hover{background:#5781cb;transform:translateY(-1px)}.game-rules{background:#f9f9f9;padding:20px;border-radius:10px;text-align:left;box-shadow:0 4px 6px #0000001a;line-height:1.7;max-width:720px}.game-rules h2{font-size:24px;color:#3b3f97}.game-description{background:#f5f5f5;padding:20px;border-radius:10px;text-align:left;box-shadow:0 4px 6px #0000001a;line-height:1.7;max-width:720px}.game-description h2{font-size:24px;color:#3b3f97}.back-button{background:#3b3f97;color:#fff;padding:15px;border:none;border-radius:20px;cursor:pointer;font-size:16px;font-weight:700;transition:all .7s ease;align-items:center;position:absolute;order:0;display:flex;gap:5px}.back-button:hover{background:#5781cb;transform:translate(-3px)}.back-button svg{width:18px;height:18px;transition:transform .2s ease}.back-button:hover svg{transform:translate(-3px)}@media (max-width: 900px){.game-details-container{flex-direction:column;align-items:center;text-align:center}.left-section{align-items:center}.game-rules-description-container{width:100%}.game-details-image{max-width:300px}.game-info,.game-description,.game-rules{width:90%;font-size:16px;padding:15px 20px}.back-button{font-size:12px;padding:12px 18px}}.new-post-container{width:100%;max-width:1800px;min-height:75vh;margin:2rem auto;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000d}.new-post-container h1{text-align:center;margin-bottom:2rem;color:#3b3f97;font-size:2rem}.new-post-form{display:flex;flex-direction:column;gap:1.25rem}.new-post-input,.new-post-textarea{padding:14px;border:1px solid #ccc;border-radius:8px;font-size:1.1rem}.new-post-input{min-width:1250px;resize:vertical}.new-post-textarea{min-height:350px;min-width:1250px;resize:vertical}.new-post-submit-button{background-color:#3b3f97;color:#fff;padding:12px 20px;font-weight:700;border:none;border-radius:8px;cursor:pointer;font-size:1rem;width:-moz-fit-content;width:fit-content}.new-post-submit-button:hover{background-color:#5781cb}.new-post-button-row{display:flex;gap:1rem;margin-top:1rem}.new-post-cancel-button{position:absolute;top:20px;right:30px;background-color:#d32f2f;color:#fff;padding:8px 14px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;z-index:10}.new-post-cancel-button:hover{background-color:#b71c1c}.new-post-container{position:relative;max-width:1800px;margin:2rem auto;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000d}.post-container{padding:2rem;display:flex;justify-content:center;min-height:80vh;width:1600px}.post-content-wrapper{display:flex;flex-direction:column;width:100%;max-width:1600px;background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 6px 20px #0000000d}.post-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:1rem}.post-title{font-size:2rem;margin-top:4rem;font-weight:700;margin-bottom:.5rem;color:#3b3f97}.post-meta{display:flex;justify-content:space-between;color:#777;font-size:.95rem;margin-bottom:1.5rem}.post-divider{border:none;border-top:1px solid #ddd;margin:1rem 0}.post-content{font-size:1.1rem;line-height:1.6;color:#333;margin-bottom:2rem}.replies-section{border-top:1px solid #eee;padding-top:1.5rem}.replies-heading{font-size:1.25rem;color:#3b3f97;font-weight:700;margin-bottom:1rem}.no-replies{font-style:italic;color:#999}.replies-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.reply-item{background-color:#f4f4f4;padding:.75rem 1rem;border-radius:10px;box-shadow:0 4px 6px #0000000d;color:#222}.reply-item{margin-bottom:1rem;padding:.75rem 1rem;background-color:#f0f0f0;border-radius:8px;border-left:4px solid #3b3f97;border-right:4px solid #3b3f97;margin-left:calc(var(--indent-level, 0) * 2rem)}.reply-form{display:flex;flex-direction:column;gap:.5rem}.reply-textarea{padding:1rem;border-radius:10px;border:1px solid #ccc;font-size:1rem;resize:vertical;min-height:100px;width:100%;box-shadow:inset 0 2px 6px #00000005}.reply-button{background-color:#3b3f97;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:700;font-size:1rem;width:-moz-fit-content;width:fit-content;transition:.3s;cursor:pointer}.reply-button:hover{background-color:#5781cb}.reply-actions{margin-top:.3rem}.nested-reply-form{margin-top:.5rem}.nested-replies{padding-left:10rem;margin-top:1rem;margin-left:1rem;border-radius:6px}.reply-text-button{background-color:transparent;color:#3b3f97;border:none;cursor:pointer;font-size:.9rem;padding:0;margin-top:.3rem}.reply-text-button:hover{text-decoration:underline}.post-not-found{max-width:800px;margin:4rem auto;text-align:center;color:#444}.favorite-container{width:240px}.contact-page{padding:2rem;max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:2rem;background:#3b3f97;padding:1rem;border-radius:10px;box-shadow:0 4px 10px #00000059}.contact-header h1{font-size:3rem;color:#fff}.contact-header p{font-size:1.2rem;color:#fff;max-width:600px;margin:0 auto}.contact-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.contact-form-card,.contact-details-card{flex:1;min-width:320px;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 10px #00000059}.contact-form input,.contact-form textarea{width:100%;padding:1rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:10px;font-size:1rem}.contact-form button{padding:.8rem 1.5rem;background-color:#3b3f97;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:background-color .3s}.contact-form button:hover{background-color:#5781cb}.contact-details-card p{font-size:1.2rem;margin-bottom:1.2rem;line-height:1.8}.contact-details-card strong{font-size:1.25rem;color:#5781cb}.info-page{display:flex;justify-content:center;align-items:center;padding:2rem;max-width:1400px}.about-row{display:flex;gap:2rem;flex-wrap:wrap;background-color:#fff;border-radius:20px;box-shadow:0 6px 16px #0000001a;padding:2rem;width:100%;max-width:1400px;height:700px}.image-side{flex:1;display:flex;align-items:center;justify-content:center}.about-img{width:100%;max-width:720px;border-radius:12px;height:625px;-o-object-fit:cover;object-fit:cover;box-shadow:0 6px 12px #0003}.text-side{flex:1;display:flex;flex-direction:column;justify-content:center;padding:1rem}.text-side h1{font-size:2.5rem;color:#3b3f97;margin-bottom:1rem}.text-side p{font-size:1.2rem;line-height:1.7;color:#000;margin-bottom:1rem}@media (max-width: 768px){.about-row{flex-direction:column;align-items:center;padding:2rem}.about-img{max-width:100%;height:auto}.text-side h1{font-size:2rem}.text-side p{font-size:1rem}}.three-column-page{display:flex;flex-wrap:wrap;padding:3rem 2rem;max-width:1600px;margin:0 auto;gap:2rem;justify-content:center}.left-description-panel{flex:1;min-width:350px;max-width:450px;display:flex;flex-direction:column;gap:2rem}.desc-block h3{font-size:2rem;color:#3b3f97;margin-bottom:.5rem}.desc-block p{font-size:1.8rem;line-height:1.5;color:#333}.card-section{flex:3;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.Vision-card{flex:1;width:300px;height:700px;background-color:#fff;padding:3rem 2rem;text-align:center;border-radius:16px;font-size:2rem;font-weight:700;color:#3b3f97;box-shadow:0 4px 10px #00000059}.vision-icon{width:500px;height:575px;-o-object-fit:cover;object-fit:cover;margin-bottom:1rem;border-radius:16px}.vision-icon-connect{width:500px;height:575px;-o-object-fit:cover;object-fit:cover;margin-bottom:1rem;-o-object-position:50%;object-position:50%;border-radius:16px}.app-container{display:flex;flex-direction:column;overflow:auto;height:100vh}.page-container{flex-grow:1;display:flex;align-items:center;justify-content:center;text-align:center}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-left-\[14px\]{left:-14px}.-top-\[15px\]{top:-15px}.left-0{left:0}.left-\[18px\]{left:18px}.right-4{right:1rem}.top-4{top:1rem}.top-\[6px\]{top:6px}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-4{margin-left:1rem;margin-right:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-8{margin-left:2rem}.mt-2{margin-top:.5rem}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-0{height:0px}.h-0\.5{height:.125rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-full{height:100%}.w-0{width:0px}.w-36{width:9rem}.w-4{width:1rem}.w-\[18px\]{width:18px}.w-\[19px\]{width:19px}.w-full{width:100%}.max-w-2xl{max-width:42rem}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.skew-y-\[-39deg\]{--tw-skew-y: -39deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-y-\[39deg\]{--tw-skew-y: 39deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[-1\]{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:.75rem}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.rounded{border-radius:.25rem}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-\[14px\]{border-left-width:14px}.border-l-\[18px\]{border-left-width:18px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-r-\[14px\]{border-right-width:14px}.border-r-\[18px\]{border-right-width:18px}.border-t-\[12px\]{border-top-width:12px}.border-t-\[15px\]{border-top-width:15px}.border-\[\#121331\]{--tw-border-opacity: 1;border-color:rgb(18 19 49 / var(--tw-border-opacity, 1))}.border-l-transparent{border-left-color:transparent}.border-r-transparent{border-right-color:transparent}.border-t-\[\#121331\]{--tw-border-opacity: 1;border-top-color:rgb(18 19 49 / var(--tw-border-opacity, 1))}.border-t-\[\#3B3F97\]{--tw-border-opacity: 1;border-top-color:rgb(59 63 151 / var(--tw-border-opacity, 1))}.bg-\[\#121331\]{--tw-bg-opacity: 1;background-color:rgb(18 19 49 / var(--tw-bg-opacity, 1))}.bg-\[\#3B3F97\]{--tw-bg-opacity: 1;background-color:rgb(59 63 151 / var(--tw-bg-opacity, 1))}.bg-\[\#5781CB\]{--tw-bg-opacity: 1;background-color:rgb(87 129 203 / var(--tw-bg-opacity, 1))}.bg-\[\#ebe6ef\]{--tw-bg-opacity: 1;background-color:rgb(235 230 239 / var(--tw-bg-opacity, 1))}.bg-\[\#f0f0f0\]{--tw-bg-opacity: 1;background-color:rgb(240 240 240 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.text-left{text-align:left}.text-right{text-align:right}.text-base{font-size:1rem;line-height:1.5rem}.font-medium{font-weight:500}.text-\[\#3B3F97\]{--tw-text-opacity: 1;color:rgb(59 63 151 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@font-face{font-family:Bobby Jones;src:url(/TableTalk/assets/Bobby%20Jones%20Soft-Cg0Ke6OB.otf) format("truetype");font-weight:400;font-style:normal}:root{--color-background: #FFF3E5;--color-primary: #5781CB;--color-secondary: #3B3F97;--color-accent: #B8D2FF;--font-primary: "Bobby Jones", sans-serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-h1: 2.5rem;--font-size-h2: 1.8rem;--font-size-h3: 1.2rem;--font-size-body: 1rem}html,body,#root{height:100%;width:100%;margin:0;padding:0;font-family:var(--font-body)}body{background-color:var(--color-background);color:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);letter-spacing:.02em;margin:0}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}a{color:var(--color-secondary);text-decoration:none;transition:color .2s ease}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}