*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#13141c;font-family:Inter,system-ui,sans-serif}.header{z-index:1000;background-color:#12131a;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.logo-icon{color:#00d2ff}.header-right-side{flex:1;justify-content:space-between;align-items:center;margin-left:50px;display:flex}.main-nav{gap:30px;display:flex}.nav-link{color:#a0a0a0;font-size:16px;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.profile-section{align-items:center;gap:20px;display:flex}.profile-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:20px;align-items:center;gap:10px;padding:6px 16px;font-size:14px;transition:background .2s;display:flex}.profile-btn:hover{background:#ffffff1a}.avatar-circle{background-color:#d9d9d9;border-radius:50%;width:24px;height:24px}.unread-dot{background-color:#ff4d4d;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:-5px;box-shadow:0 0 8px #ff4d4d}.notif-count-badge{color:#fff;background-color:#3b5ada;border-radius:10px;padding:2px 5px;font-size:10px;font-weight:700;position:absolute;top:-5px;right:-8px;box-shadow:0 0 8px #3b5ada}.notif-dropdown{z-index:100;background-color:#12131a;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;width:320px;display:flex;position:absolute;top:45px;right:-50px;overflow:hidden;box-shadow:0 10px 30px #00000080}.notif-dropdown-header{color:#fff;background-color:#0d0e14;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:15px;display:flex}.mark-all-read-btn{color:#3b5ada;cursor:pointer;background:0 0;border:none;font-size:12px}.notif-dropdown-list{max-height:350px;padding:10px;overflow-y:auto}.notif-item{cursor:pointer;border-radius:8px;margin-bottom:5px;padding:12px;transition:all .2s}.notif-item.unread{background-color:#3b5ada1a;border-left:3px solid #3b5ada}.notif-item p{margin:0;font-size:13px;line-height:1.4}.notif-item.unread p{color:#e0e0e0}.notif-item.read p{color:#a0a0a0}.notif-time{color:#666;margin-top:5px;font-size:10px;display:block}.mobile-only-text{display:none}.burger-menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;padding:0;display:none}.burger-line{transform-origin:1px;background-color:#fff;border-radius:10px;width:24px;height:2px;transition:all .3s linear;position:relative}.burger-menu-btn.open .burger-line:first-child{transform:rotate(45deg)}.burger-menu-btn.open .burger-line:nth-child(2){opacity:0;transform:translate(20px)}.burger-menu-btn.open .burger-line:nth-child(3){transform:rotate(-45deg)}@media (width<=768px){.header{height:auto;padding:15px 20px}.burger-menu-btn{display:flex}.mobile-only-text{margin-left:8px;font-size:16px;font-weight:500;display:inline}.icon-link{justify-content:flex-start;gap:5px;width:100%;padding:12px 0;border-bottom:1px solid #ffffff08!important}.unread-dot{top:15px;left:15px}.notif-count-badge{top:10px;left:15px;right:auto}.notif-wrapper{width:100%}.notif-dropdown{border-radius:0;width:100vw;position:fixed;top:80px;left:0;right:0;box-shadow:0 10px 20px #000c}.header-right-side{background-color:#12131a;border-left:1px solid #ffffff0d;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px;width:280px;margin-left:0;padding:80px 30px 40px;transition:transform .3s ease-in-out;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #00000080}.header-right-side.mobile-open{transform:translate(0)}.main-nav{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:20px;width:100%;padding-bottom:25px}.main-nav .nav-link{width:100%;font-size:18px;display:block}.profile-section{flex-direction:column;align-items:flex-start;gap:15px;width:100%}.profile-btn{border:1px solid #ffffff1a;border-radius:10px;flex-direction:row-reverse;justify-content:space-between;width:100%;padding:10px 15px}.profile-btn span{font-size:16px}.logout-btn{text-align:left;width:100%;padding:10px 0;font-size:16px}}.showcase-section{justify-content:center;padding:20px 40px 60px;display:flex}.showcase-container{width:100%;max-width:1200px}.games-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.search-bar-container{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;height:60px;margin-bottom:20px;padding:0 20px;transition:border-color .2s;display:flex}.search-bar-container:focus-within{border-color:#3b5ada}.search-icon{opacity:.5;margin-right:15px;font-size:20px}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:16px}.search-input::placeholder{color:#a0a0a0}.showcase-filters-grid{background-color:#ffffff03;border:1px solid #ffffff0a;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;padding:15px;display:grid}.filter-select{color:#fff;cursor:pointer;background-color:#16171e;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.filter-select:focus{border-color:#3b5ada}.filter-select option{color:#fff;background-color:#16171e}.filter-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.load-more-container{justify-content:center;align-items:center;margin-top:40px;display:flex}.load-more-btn{color:#3b5ada;cursor:pointer;background-color:#0000;border:1px solid #3b5ada4d;border-radius:8px;padding:12px 30px;font-size:15px;font-weight:500;transition:all .2s}@media (width<=768px){.load-more-btn{width:100%;padding:15px}}.game-card{cursor:pointer;background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.game-card:hover{border-color:#ffffff26;transform:translateY(-5px)}.game-cover-placeholder{background:linear-gradient(135deg,#1e202d 0%,#2a2d3e 100%);width:100%;height:200px}.game-card-content{padding:20px}.game-title{color:#fff;margin-bottom:20px;font-size:16px;font-weight:700;line-height:1.4}.game-stats{border-top:1px solid #ffffff0d;justify-content:space-between;padding-top:15px;display:flex}.stat-item{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.stat-value{color:#fff;font-size:16px;font-weight:700}.stat-label{color:#a0a0a0;max-width:60px;font-size:10px;line-height:1.2}.game-cover-image{aspect-ratio:1;object-fit:cover;border-radius:12px 12px 0 0;width:100%;display:block}.game-page-container{flex-direction:column;align-items:center;padding:20px 40px 60px;display:flex}.game-content-wrapper{flex-direction:column;gap:20px;width:100%;max-width:1200px;display:flex}.game-banner-placeholder{color:#a0a0a0;background:linear-gradient(135deg,#2a2d3e 0%,#1e202d 100%);border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:100%;height:250px;font-size:24px;display:flex}.game-meta-section{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;gap:40px;padding:30px;display:flex}.game-icon-large{background:linear-gradient(135deg,#3a3d52 0%,#202230 100%);border-radius:12px;flex-shrink:0;width:300px;height:300px}.game-details-list{flex-direction:column;gap:12px;display:flex}.game-details-list h1{color:#fff;margin-bottom:10px;font-size:28px}.detail-row{color:#d0d0d0;font-size:14px}.detail-row strong{color:#fff;margin-right:8px;font-weight:400}.game-about-section{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:30px}.game-about-section h2{color:#fff;margin-bottom:20px;font-size:20px}.game-about-section p{color:#a0a0a0;margin-bottom:15px;font-size:14px;line-height:1.6}.game-about-section ul{color:#a0a0a0;margin-top:10px;padding-left:20px;font-size:14px;line-height:1.6}.game-about-section li{margin-bottom:10px}.game-screenshots-section{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:30px}.game-screenshots-section h2{color:#fff;margin-bottom:20px;font-size:20px}.screenshots-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.screenshot-placeholder{color:#444;background:linear-gradient(135deg,#1e202d 0%,#2a2d3e 100%);border-radius:8px;justify-content:center;align-items:center;height:450px;font-size:14px;display:flex}.game-links-section{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:20px;padding:30px;display:flex}.link-group{flex-direction:column;gap:10px;display:flex}.link-group label{color:#fff;font-size:16px;font-weight:700}.link-input-readonly{color:#a0a0a0;background-color:#ffffff03;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-size:14px}.game-contact-row{grid-template-columns:1fr 2fr;gap:20px;display:grid}.contact-card{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:180px;padding:30px;display:flex}.contact-card h3{color:#fff;margin-bottom:10px;font-size:20px}.contact-card p{color:#a0a0a0;margin-bottom:20px;font-size:14px}.contact-btn{color:#fff;cursor:pointer;background-color:#3b5ada;border:none;border-radius:6px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:background-color .2s}.contact-btn:hover{background-color:#2b45b5}.comments-section{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:30px}.comments-section h2{color:#fff;margin-bottom:25px;font-size:20px}.comments-count-badge{color:#3b5ada;margin-left:8px}.comment-item{gap:15px;margin-bottom:25px;display:flex}.comment-avatar{background-color:#d9d9d9;border-radius:50%;flex-shrink:0;width:40px;height:40px}.comment-content{flex-direction:column;gap:8px;display:flex}.comment-header{align-items:center;gap:10px;display:flex}.comment-author{color:#fff;font-size:14px;font-weight:700}.comment-time{color:#666;font-size:11px}.comment-text{color:#a0a0a0;font-size:14px;line-height:1.5}.comment-reply-btn{color:#3b5ada;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px}.comment-reply-btn:hover{text-decoration:underline}.comment-reply-wrapper{margin-left:55px}.create-page-container{justify-content:center;padding:40px;display:flex}.create-form-wrapper{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;width:100%;max-width:800px;padding:40px}.create-title{color:#fff;margin-bottom:10px;font-size:24px}.create-subtitle{color:#a0a0a0;margin-bottom:30px;font-size:14px}.create-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#fff;font-size:14px;font-weight:700}.required{color:#ff4757}.form-input,.form-select,.form-textarea{color:#fff;background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:14px 15px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b5ada}.form-select{appearance:none;cursor:pointer}.form-select option{color:#fff;background-color:#1a1c29}.form-textarea{resize:vertical}.submit-btn{color:#fff;cursor:pointer;background-color:#3b5ada;border:none;border-radius:8px;margin-top:10px;padding:16px;font-size:16px;font-weight:700;transition:background-color .2s}.submit-btn:hover{background-color:#2b45b5}.form-input[type=date]{color:#a0a0a0}.form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.upload-section{flex-direction:column;gap:15px;margin-top:10px;margin-bottom:20px;display:flex}.upload-zone{text-align:center;cursor:pointer;background-color:#ffffff03;border:2px dashed #fff3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;transition:all .2s;display:flex}.upload-zone:hover{background-color:#3b5ada0d;border-color:#3b5ada}.upload-icon{color:#3b5ada;margin-bottom:15px;font-size:32px}.upload-text{color:#3b5ada;margin-bottom:5px;font-size:14px}.upload-hint{color:#666;font-size:12px}.upload-zone.logo{width:150px;height:150px;padding:20px}.upload-zone.header{height:200px}.upload-zone.screenshots{height:250px}.profile-page-container{justify-content:center;padding:40px;display:flex}.profile-wrapper{grid-template-columns:300px 1fr;gap:30px;width:100%;max-width:1200px;display:grid}.profile-sidebar{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;height:fit-content;padding:30px;display:flex}.profile-avatar-large{background-color:#2a2d3e;border-radius:50%;width:120px;height:120px;margin-bottom:20px}.profile-name{color:#fff;margin-bottom:5px;font-size:20px}.profile-role{color:#a0a0a0;margin-bottom:20px;font-size:14px}.edit-profile-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;width:100%;margin-bottom:30px;padding:10px;transition:all .2s}.edit-profile-btn:hover{background:#ffffff0d}.profile-stats{border-top:1px solid #ffffff0d;flex-direction:column;gap:10px;width:100%;padding-top:20px;display:flex}.stat-row{color:#a0a0a0;justify-content:space-between;font-size:14px;display:flex}.stat-row strong{color:#fff}.profile-content{flex-direction:column;gap:20px;display:flex}.content-header h3{color:#fff;font-size:24px}.my-projects-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.my-project-card{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;padding:25px;display:flex}.project-status{border-radius:4px;width:fit-content;margin-bottom:15px;padding:4px 8px;font-size:12px;font-weight:700}.status.published{color:#2ed573;background-color:#2ed5731a}.status.draft{color:#ffa502;background-color:#ffa5021a}.my-project-card h4{color:#fff;margin-bottom:8px;font-size:18px}.project-meta{color:#a0a0a0;flex-grow:1;margin-bottom:20px;font-size:14px}.project-actions{gap:10px;display:flex}.action-btn{color:#fff;cursor:pointer;background-color:#3b5ada;border:none;border-radius:6px;flex:1;padding:10px;font-size:14px}.action-btn.outline{background-color:#0000;border:1px solid #3b5ada}.freelance-page-container{justify-content:center;padding:40px;display:flex}.freelance-wrapper{width:100%;max-width:900px}.freelance-header{text-align:center;margin-bottom:40px}.freelance-header h1{color:#fff;margin-bottom:10px;font-size:32px}.freelance-header p{color:#a0a0a0;margin-bottom:25px}.post-job-btn{width:auto;padding:12px 30px;font-size:16px}.freelance-filters{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;padding:20px;display:grid}.jobs-list{flex-direction:column;gap:20px;display:flex}.job-card{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:30px;transition:transform .2s,border-color .2s}.job-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.job-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.job-role{color:#fff;font-size:20px;font-weight:700}.job-payment-badge{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.job-payment-badge.paid{color:#2ed573;background-color:#2ed5731a}.job-payment-badge.revshare{color:#ffa502;background-color:#ffa5021a}.job-payment-badge.negotiable{color:#3b5ada;background-color:#3b5ada1a}.job-project-name{color:#a0a0a0;margin-bottom:20px;font-size:14px;font-weight:400}.job-description{color:#d0d0d0;margin-bottom:25px;font-size:15px;line-height:1.6}.job-tags{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.job-tag{color:#ccc;background-color:#ffffff0d;border-radius:6px;padding:6px 12px;font-size:12px}.job-reply-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #3b5ada;border-radius:6px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:background-color .2s}.job-reply-btn:hover{background-color:#3b5ada}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#12131a;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:550px;padding:30px;box-shadow:0 10px 30px #00000080}.modal-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.modal-header h2{color:#fff;margin:0;font-size:22px}.close-modal-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;font-size:30px;line-height:1;transition:color .2s}.close-modal-btn:hover{color:#fff}.modal-form{flex-direction:column;gap:15px;display:flex}.load-more-container{justify-content:center;align-items:center;margin-top:40px;padding-bottom:20px;display:flex}.load-more-btn{color:#3b5ada;cursor:pointer;background-color:#0000;border:1px solid #3b5ada4d;border-radius:8px;align-items:center;gap:10px;padding:12px 30px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.load-more-btn:hover:not(:disabled){background-color:#3b5ada1a;border-color:#3b5ada}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.load-more-btn.loading .spinner{border:2px solid #3b5ada33;border-top-color:#3b5ada;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.load-more-btn{justify-content:center;width:100%;padding:15px}}.hero-section{justify-content:center;padding:40px;display:flex}.hero-card{background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;width:100%;max-width:1200px;padding:30px 40px}.hero-title{color:#fff;margin-bottom:20px;font-size:22px;font-weight:700}.hero-text{color:#a0a0a0;margin-bottom:15px;font-size:14px;line-height:1.6}.hero-text:last-child{margin-bottom:0}.hero-text.highlight{color:#ccc}.action-section{justify-content:center;padding:0 40px 40px;display:flex}.action-card{background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;width:100%;max-width:1200px;padding:30px 40px}.action-title{color:#fff;margin-bottom:20px;font-size:20px;font-weight:400}.action-list{margin-bottom:30px;padding-left:20px;list-style-type:disc}.action-list li{color:#a0a0a0;margin-bottom:15px;font-size:14px;line-height:1.4}.primary-btn{color:#fff;cursor:pointer;background-color:#3b5ada;border:none;border-radius:6px;width:100%;padding:16px;font-size:16px;transition:background-color .2s}.primary-btn:hover{background-color:#2b45b5}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#13141c;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:400px;padding:40px;position:relative}.close-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;font-size:24px;transition:color .2s;position:absolute;top:15px;right:15px}.close-btn:hover{color:#fff}.modal-content h2{color:#fff;text-align:center;margin-bottom:25px;font-size:22px}.auth-form{flex-direction:column;gap:15px;display:flex}.auth-switch{color:#a0a0a0;text-align:center;margin-top:25px;font-size:14px}.auth-switch span{color:#3b5ada;cursor:pointer;font-weight:700}.auth-switch span:hover{text-decoration:underline}