@charset "UTF-8";:root{--primary-color: #4B8BFF;--primary-dark: rgb(24, 106.1333333333, 255);--primary-light: rgb(202.5, 221.1666666667, 255);--dark-gray: #1E1E1E;--dark-gray-lighter: #2A2A2A;--dark-gray-lightest: #333333;--mid-gray: #606060;--light-gray: #9A9A9A;--lighter-gray: #E0E0E0;--white: #FFFFFF;--black: #000000;--success: #4CD964;--warning: #FFC107;--danger: #FF3B30;--info: #5AC8FA;--steam-color: #171a21;--font-family-base: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-size-base: 16px;--line-height-base: 1.6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--container-max-width: 1320px;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--box-shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--box-shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--box-shadow-lg: 0 6px 16px rgba(0, 0, 0, .1);--transition-base: all .3s ease;--transition-fast: all .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:#fff;background-color:#1e1e1e;min-height:100%;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1rem;font-weight:600;line-height:1.2}p{margin-top:0;margin-bottom:1rem}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}.container{width:100%;max-width:1320px;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}h1,.h1{font-size:2.5rem;font-weight:700}h2,.h2{font-size:2rem;font-weight:600}h3,.h3{font-size:1.5rem;font-weight:600}h4,.h4{font-size:1.25rem;font-weight:600}h5,.h5{font-size:1.125rem;font-weight:600}h6,.h6{font-size:1rem;font-weight:600}p{margin-bottom:1rem}.lead{font-size:1.25rem;font-weight:300;line-height:1.5}small,.small{font-size:.875rem}.text-primary{color:#4b8bff!important}.text-secondary{color:#9a9a9a!important}.text-success{color:#4cd964!important}.text-danger{color:#ff3b30!important}.text-warning{color:#ffc107!important}.text-info{color:#5ac8fa!important}.text-light{color:#e0e0e0!important}.text-dark{color:#1e1e1e!important}.text-white{color:#fff!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-lowercase{text-transform:lowercase!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-bold{font-weight:600!important}.font-weight-extrabold{font-weight:700!important}.font-italic{font-style:italic!important}ul.list-styled{padding-left:1.5rem}ul.list-styled li{position:relative;margin-bottom:.5rem}ul.list-styled li:before{content:"";position:absolute;left:-1.5rem;top:.6rem;width:6px;height:6px;border-radius:50%;background-color:#4b8bff}a{color:#4b8bff;text-decoration:none;transition:all .3s ease}a:hover{color:#cbddff;text-decoration:none}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.m-xs{margin:.25rem!important}.mt-xs{margin-top:.25rem!important}.mr-xs{margin-right:.25rem!important}.mb-xs{margin-bottom:.25rem!important}.ml-xs{margin-left:.25rem!important}.mx-xs{margin-left:.25rem!important;margin-right:.25rem!important}.my-xs{margin-top:.25rem!important;margin-bottom:.25rem!important}.p-xs{padding:.25rem!important}.pt-xs{padding-top:.25rem!important}.pr-xs{padding-right:.25rem!important}.pb-xs{padding-bottom:.25rem!important}.pl-xs{padding-left:.25rem!important}.px-xs{padding-left:.25rem!important;padding-right:.25rem!important}.py-xs{padding-top:.25rem!important;padding-bottom:.25rem!important}.m-sm{margin:.5rem!important}.mt-sm{margin-top:.5rem!important}.mr-sm{margin-right:.5rem!important}.mb-sm{margin-bottom:.5rem!important}.ml-sm{margin-left:.5rem!important}.mx-sm{margin-left:.5rem!important;margin-right:.5rem!important}.my-sm{margin-top:.5rem!important;margin-bottom:.5rem!important}.p-sm{padding:.5rem!important}.pt-sm{padding-top:.5rem!important}.pr-sm{padding-right:.5rem!important}.pb-sm{padding-bottom:.5rem!important}.pl-sm{padding-left:.5rem!important}.px-sm{padding-left:.5rem!important;padding-right:.5rem!important}.py-sm{padding-top:.5rem!important;padding-bottom:.5rem!important}.m-md{margin:1rem!important}.mt-md{margin-top:1rem!important}.mr-md{margin-right:1rem!important}.mb-md{margin-bottom:1rem!important}.ml-md{margin-left:1rem!important}.mx-md{margin-left:1rem!important;margin-right:1rem!important}.my-md{margin-top:1rem!important;margin-bottom:1rem!important}.p-md{padding:1rem!important}.pt-md{padding-top:1rem!important}.pr-md{padding-right:1rem!important}.pb-md{padding-bottom:1rem!important}.pl-md{padding-left:1rem!important}.px-md{padding-left:1rem!important;padding-right:1rem!important}.py-md{padding-top:1rem!important;padding-bottom:1rem!important}.m-lg{margin:1.5rem!important}.mt-lg{margin-top:1.5rem!important}.mr-lg{margin-right:1.5rem!important}.mb-lg{margin-bottom:1.5rem!important}.ml-lg{margin-left:1.5rem!important}.mx-lg{margin-left:1.5rem!important;margin-right:1.5rem!important}.my-lg{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.p-lg{padding:1.5rem!important}.pt-lg{padding-top:1.5rem!important}.pr-lg{padding-right:1.5rem!important}.pb-lg{padding-bottom:1.5rem!important}.pl-lg{padding-left:1.5rem!important}.px-lg{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-lg{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.m-xl{margin:2rem!important}.mt-xl{margin-top:2rem!important}.mr-xl{margin-right:2rem!important}.mb-xl{margin-bottom:2rem!important}.ml-xl{margin-left:2rem!important}.mx-xl{margin-left:2rem!important;margin-right:2rem!important}.my-xl{margin-top:2rem!important;margin-bottom:2rem!important}.p-xl{padding:2rem!important}.pt-xl{padding-top:2rem!important}.pr-xl{padding-right:2rem!important}.pb-xl{padding-bottom:2rem!important}.pl-xl{padding-left:2rem!important}.px-xl{padding-left:2rem!important;padding-right:2rem!important}.py-xl{padding-top:2rem!important;padding-bottom:2rem!important}.m-xxl{margin:3rem!important}.mt-xxl{margin-top:3rem!important}.mr-xxl{margin-right:3rem!important}.mb-xxl{margin-bottom:3rem!important}.ml-xxl{margin-left:3rem!important}.mx-xxl{margin-left:3rem!important;margin-right:3rem!important}.my-xxl{margin-top:3rem!important;margin-bottom:3rem!important}.p-xxl{padding:3rem!important}.pt-xxl{padding-top:3rem!important}.pr-xxl{padding-right:3rem!important}.pb-xxl{padding-bottom:3rem!important}.pl-xxl{padding-left:3rem!important}.px-xxl{padding-left:3rem!important;padding-right:3rem!important}.py-xxl{padding-top:3rem!important;padding-bottom:3rem!important}.m-auto{margin:auto!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.w-100{width:100%!important}.w-75{width:75%!important}.w-50{width:50%!important}.w-25{width:25%!important}.h-100{height:100%!important}.h-75{height:75%!important}.h-50{height:50%!important}.h-25{height:25%!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.border{border:1px solid #2A2A2A!important}.border-top{border-top:1px solid #2A2A2A!important}.border-right{border-right:1px solid #2A2A2A!important}.border-bottom{border-bottom:1px solid #2A2A2A!important}.border-left{border-left:1px solid #2A2A2A!important}.border-0{border:0!important}.border-primary{border-color:#4b8bff!important}.rounded{border-radius:.5rem!important}.rounded-sm{border-radius:.25rem!important}.rounded-lg{border-radius:.75rem!important}.rounded-xl{border-radius:1rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.bg-primary{background-color:#4b8bff!important}.bg-dark{background-color:#1e1e1e!important}.bg-darker{background-color:#2a2a2a!important}.bg-darkest{background-color:#333!important}.bg-light{background-color:#e0e0e0!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (max-width: 576px){.d-none-sm{display:none!important}}@media (max-width: 768px){.d-none-md{display:none!important}}@media (max-width: 992px){.d-none-lg{display:none!important}}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:0 2px 4px #0000000d!important}.shadow{box-shadow:0 4px 8px #0000001a!important}.shadow-lg{box-shadow:0 6px 16px #0000001a!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-shadow{transition:box-shadow .3s ease}.hover-shadow:hover{box-shadow:0 6px 16px #0000001a}.hover-primary{transition:color .3s ease}.hover-primary:hover{color:#4b8bff!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--border-radius-md);transition:var(--transition-base)}.btn svg{margin-right:var(--spacing-sm)}.btn:focus{outline:none}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-block{display:block;width:100%}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover,.btn-primary:focus{background-color:var(--primary-dark);color:var(--white)}.btn-secondary{background-color:var(--dark-gray-lighter);color:var(--white);border:1px solid var(--dark-gray-lightest)}.btn-secondary:hover,.btn-secondary:focus{background-color:var(--dark-gray-lightest);color:var(--white)}.btn-steam{background-color:var(--steam-color);color:var(--white);display:inline-flex;align-items:center;justify-content:center}.btn-steam svg{margin-right:var(--spacing-sm);fill:var(--white)}.btn-steam:hover,.btn-steam:focus{filter:brightness(110%);background-color:var(--steam-color)}.btn-success{background-color:var(--success);color:var(--white)}.btn-success:hover,.btn-success:focus{filter:brightness(90%);background-color:var(--success);color:var(--white)}.btn-danger{background-color:var(--danger);color:var(--white)}.btn-danger:hover,.btn-danger:focus{filter:brightness(90%);background-color:var(--danger);color:var(--white)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 1.75rem;font-size:1.125rem}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#2a2a2a;background-clip:border-box;border-radius:.75rem;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 4px 8px #0000001a}.card-hover:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001a}.card-header{padding:1rem;background-color:#1e1e1e4d;border-bottom:1px solid #333333}.card-header:first-child{border-radius:calc(.75rem - 1px) calc(.75rem - 1px) 0 0}.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{margin-bottom:0}.card-body{flex:1 1 auto;padding:1rem}.card-footer{padding:1rem;background-color:#1e1e1e4d;border-top:1px solid #333333}.card-footer:last-child{border-radius:0 0 calc(.75rem - 1px) calc(.75rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.75rem - 1px);border-top-right-radius:calc(.75rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.75rem - 1px);border-bottom-left-radius:calc(.75rem - 1px)}.card-title{margin-bottom:.5rem;font-weight:600}.card-subtitle{margin-top:-.25rem;margin-bottom:0;color:#9a9a9a}.card-text{margin-bottom:1rem}.card-text:last-child{margin-bottom:0}.card-link,.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:.75rem;background:linear-gradient(to top,#1e1e1ee6,#1e1e1e4d)}.card-group{display:flex;flex-direction:column}@media (min-width: 768px){.card-group{flex-flow:row wrap}.card-group .card{flex:1 0 0%;margin-bottom:0}.card-group .card+.card{margin-left:0;border-left:0}.card-group .card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group .card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}}.card-deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.card-featured{border-left:4px solid #4B8BFF}.card-featured .card-header{background-color:#4b8bff1a}.card-status{position:relative;overflow:hidden}.card-status:before{content:"";position:absolute;top:0;left:0;height:3px;width:100%}.card-status.card-status-primary:before{background-color:#4b8bff}.card-status.card-status-success:before{background-color:#4cd964}.card-status.card-status-warning:before{background-color:#ffc107}.card-status.card-status-danger:before{background-color:#ff3b30}.card-status.card-status-info:before{background-color:#5ac8fa}.stats-card{text-align:center;padding:1rem}.stats-card .stats-icon{margin-bottom:.5rem;color:#4b8bff;font-size:2rem}.stats-card .stats-value{font-size:2rem;font-weight:700;margin-bottom:.25rem;color:#fff}.stats-card .stats-label{color:#9a9a9a;font-size:.875rem;font-weight:500}.form-control{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;color:#fff;background-color:#333;background-clip:padding-box;border:1px solid #333333;border-radius:.5rem;transition:all .3s ease}.form-control:focus{color:#fff;background-color:#333;border-color:#4b8bff;outline:0;box-shadow:0 0 0 .2rem #4b8bff40}.form-control::placeholder{color:#9a9a9a;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#2a2a2a;opacity:.7;cursor:not-allowed}select.form-control{padding-right:2.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control-sm{padding:.5rem .75rem;font-size:.875rem;border-radius:.25rem}.form-control-lg{padding:1rem 1.25rem;font-size:1.125rem;border-radius:.75rem}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem;font-size:.875rem;color:#9a9a9a}.form-row{display:flex;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.form-row>.col,.form-row>[class*=col-]{padding-right:.5rem;padding-left:.5rem}.form-check{position:relative;display:block;padding-left:1.5rem}.form-check .form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.5rem}.form-check .form-check-label{margin-bottom:0;cursor:pointer}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.form-label{display:block;margin-bottom:.5rem;font-weight:500}.form-switch{padding-left:2.5rem}.form-switch .form-check-input{width:2rem;margin-left:-2.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");background-position:left center;border-radius:2rem;transition:background-position .15s ease-in-out}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.form-control:not(:last-child),.input-group>.form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-control:not(:first-child),.input-group>.form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group-text{display:flex;align-items:center;padding:.75rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;color:#fff;text-align:center;white-space:nowrap;background-color:#2a2a2a;border:1px solid #2A2A2A;border-radius:.5rem}.input-group-prepend{margin-right:-1px}.input-group-prepend .input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append{margin-left:-1px}.input-group-append .input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.is-valid.form-control{border-color:#4cd964}.is-valid.form-control:focus{border-color:#4cd964;box-shadow:0 0 0 .2rem #4cd96440}.is-invalid.form-control{border-color:#ff3b30}.is-invalid.form-control:focus{border-color:#ff3b30;box-shadow:0 0 0 .2rem #ff3b3040}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875rem;color:#4cd964}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875rem;color:#ff3b30}.was-validated .form-control:valid,.form-control.is-valid{border-color:#4cd964}.was-validated .form-control:valid~.valid-feedback,.form-control.is-valid~.valid-feedback{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#ff3b30}.was-validated .form-control:invalid~.invalid-feedback,.form-control.is-invalid~.invalid-feedback{display:block}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + 1.5rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + 1.5rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#4b8bff;box-shadow:0 0 0 .2rem #4b8bff40}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + 1.5rem + 2px);padding:.75rem 1rem;font-weight:400;line-height:1.5;color:#fff;background-color:#333;border:1px solid #333333;border-radius:.5rem}.custom-file-label:after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + 1.5rem);padding:.75rem 1rem;line-height:1.5;color:#fff;content:"Browse";background-color:#2a2a2a;border-left:inherit;border-radius:0 .5rem .5rem 0}.main-header{background-color:#1e1e1e;padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 4px 8px #0000001a}.main-header .container{max-width:1320px;margin:0 auto;padding:0 1rem}.main-header .header-content{display:flex;align-items:center;justify-content:space-between;min-height:60px}@media (max-width: 768px){.main-header .header-content{flex-wrap:wrap}}.logo a{display:block}.logo a img{height:80px;width:auto;position:relative;z-index:101}.mobile-nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .3s ease}.mobile-nav-toggle:hover{background-color:#ffffff1a}.mobile-nav-toggle:focus{outline:none;background-color:#ffffff1a}@media (max-width: 768px){.mobile-nav-toggle{display:block}}.main-nav ul{display:flex;gap:1.5rem;margin:0;padding:0;list-style:none}.main-nav ul li a{display:block;padding:.25rem .5rem;color:#fff;font-weight:500;text-decoration:none;border-radius:.25rem;transition:all .3s ease}.main-nav ul li a:hover,.main-nav ul li a:focus{color:#4b8bff;background-color:#4b8bff1a}.main-nav ul li a.active{color:#4b8bff;background-color:#4b8bff1a}.main-nav ul li a i{font-size:.75rem;margin-left:.25rem}.main-nav ul li.nav-dropdown{position:relative}.main-nav ul li.nav-dropdown .nav-dropdown-menu{position:absolute;top:100%;left:0;background-color:#2a2a2a;border-radius:.5rem;min-width:180px;padding:.25rem 0;margin-top:2px;z-index:20;box-shadow:0 6px 16px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.main-nav ul li.nav-dropdown .nav-dropdown-menu .nav-dropdown-item{display:block;padding:.5rem 1rem;color:#fff;text-decoration:none;transition:all .3s ease}.main-nav ul li.nav-dropdown .nav-dropdown-menu .nav-dropdown-item:hover{background-color:#333;color:#4b8bff}.main-nav ul li.nav-dropdown:hover .nav-dropdown-menu,.main-nav ul li.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 768px){.main-nav{width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#2a2a2a;border-radius:.5rem;margin-top:1rem}.main-nav.show{max-height:500px;padding:1rem 0}.main-nav ul{flex-direction:column;gap:0;padding:0 1rem}.main-nav ul li{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.main-nav ul li:last-child{border-bottom:none}.main-nav ul li a{padding:1rem .5rem;border-radius:0;width:100%}.main-nav ul li a:hover,.main-nav ul li a:focus{background-color:#4b8bff1a;transform:translate(5px)}.main-nav ul li.nav-dropdown .nav-dropdown-menu{position:static;width:100%;box-shadow:none;border-radius:0;background-color:#3333334d;margin:0;margin-top:.25rem;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.main-nav ul li.nav-dropdown .nav-dropdown-menu .nav-dropdown-item{padding:.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.main-nav ul li.nav-dropdown .nav-dropdown-menu .nav-dropdown-item:last-child{border-bottom:none}.main-nav ul li.nav-dropdown .nav-dropdown-menu .nav-dropdown-item:hover{background-color:#4b8bff1a;transform:translate(5px)}.main-nav ul li.nav-dropdown:hover .nav-dropdown-menu,.main-nav ul li.nav-dropdown:focus-within .nav-dropdown-menu,.main-nav ul li.nav-dropdown.mobile-dropdown-open .nav-dropdown-menu{max-height:200px;padding:.25rem 0}.main-nav ul li.nav-dropdown>a{position:relative}.main-nav ul li.nav-dropdown>a:after{content:"▼";position:absolute;right:.5rem;font-size:.8rem;transition:transform .3s ease}.main-nav ul li.nav-dropdown.mobile-dropdown-open>a:after{transform:rotate(180deg)}}.auth-buttons{display:flex;align-items:center}.auth-buttons .btn-steam{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem 1rem;background-color:#171a21;color:#fff;border-radius:.5rem;font-weight:500;text-decoration:none;transition:all .3s ease}.auth-buttons .btn-steam svg{fill:currentColor}.auth-buttons .btn-steam:hover{background-color:#212630;transform:translateY(-2px)}@media (max-width: 768px){.auth-buttons{width:100%;margin-top:1rem;padding:0 1rem}.auth-buttons .btn-steam{width:100%;justify-content:center}}.user-dropdown{position:relative}.user-dropdown .user-info{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;cursor:pointer;border-radius:.5rem;transition:all .3s ease}.user-dropdown .user-info:hover{background-color:#2a2a2a}.user-dropdown .user-info .avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-dropdown .user-info span{color:#fff;font-weight:500;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown .dropdown-menu{position:absolute;top:100%;right:0;min-width:200px;background-color:#2a2a2a;border-radius:.5rem;box-shadow:0 6px 16px #0000001a;padding:.25rem 0;margin-top:0;z-index:10;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.user-dropdown .dropdown-menu .dropdown-item{display:block;padding:.5rem 1rem;color:#fff;text-decoration:none;transition:all .3s ease}.user-dropdown .dropdown-menu .dropdown-item:hover{background-color:#333;color:#4b8bff;transform:translate(5px)}.user-dropdown .dropdown-menu .dropdown-item:active{background-color:#4b8bff1a}.user-dropdown .dropdown-menu form{margin:0}.user-dropdown .dropdown-menu form button.dropdown-item{width:100%;text-align:left;background:none;border:none;font-size:inherit;font-family:inherit;cursor:pointer}.user-dropdown:hover .dropdown-menu,.user-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 768px){.user-dropdown{width:100%}.user-dropdown .user-info{justify-content:center;padding:1rem;background-color:#2a2a2a;border-radius:.5rem;margin-top:1rem}.user-dropdown .dropdown-menu{position:static;width:100%;left:0;right:0;margin-top:.25rem;border-radius:.5rem;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.user-dropdown .dropdown-menu .dropdown-item{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-dropdown .dropdown-menu .dropdown-item:last-child{border-bottom:none}.user-dropdown .dropdown-menu .dropdown-item:hover{transform:translate(5px)}.user-dropdown:hover .dropdown-menu,.user-dropdown:focus-within .dropdown-menu,.user-dropdown.mobile-dropdown-open .dropdown-menu{max-height:300px;padding:.25rem 0}}.nav-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #333333;margin-bottom:1rem}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-item .nav-link{display:block;padding:.5rem 1rem;border:1px solid transparent;border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#9a9a9a;font-weight:500;transition:all .3s ease}.nav-tabs .nav-item .nav-link:hover,.nav-tabs .nav-item .nav-link:focus{color:#cbddff;background-color:#4b8bff0d;border-color:transparent}.nav-tabs .nav-item .nav-link.active{color:#4b8bff;background-color:#2a2a2a;border-color:#333;border-bottom-color:#2a2a2a}.breadcrumb{display:flex;flex-wrap:wrap;padding:.5rem 0;margin-bottom:1rem;list-style:none}.breadcrumb .breadcrumb-item{display:flex;align-items:center}.breadcrumb .breadcrumb-item a{color:#9a9a9a;text-decoration:none;transition:all .3s ease}.breadcrumb .breadcrumb-item a:hover,.breadcrumb .breadcrumb-item.active{color:#4b8bff}.breadcrumb .breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb .breadcrumb-item+.breadcrumb-item:before{display:inline-block;padding-right:.5rem;color:#606060;content:"/"}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.5rem;justify-content:center;margin:1.5rem 0}.pagination .page-item:first-child .page-link{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.pagination .page-item:last-child .page-link{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.pagination .page-item.active .page-link{background-color:#4b8bff;border-color:#4b8bff;color:#fff}.pagination .page-item.disabled .page-link{color:#606060;pointer-events:none;background-color:#2a2a2a;border-color:#333}.pagination .page-link{position:relative;display:block;padding:.5rem 1rem;margin-left:-1px;line-height:1.25;color:#9a9a9a;background-color:#2a2a2a;border:1px solid #333333;text-decoration:none}.pagination .page-link:hover{color:#fff;background-color:#333;border-color:#333}.pagination .page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem #4b8bff40}.side-nav{background-color:#2a2a2a;border-radius:.75rem;padding:1rem}.side-nav .nav-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem;padding-bottom:.25rem;border-bottom:2px solid #4B8BFF}.side-nav ul{list-style:none;padding:0;margin:0}.side-nav ul li{margin-bottom:.25rem}.side-nav ul li a{display:block;padding:.5rem;color:#9a9a9a;text-decoration:none;border-radius:.25rem;transition:all .3s ease}.side-nav ul li a:hover{background-color:#333;color:#4b8bff}.side-nav ul li a.active{background-color:#4b8bff1a;color:#4b8bff;font-weight:500}.bbcode-editor{background-color:#2a2a2a;border-radius:.5rem;overflow:hidden;margin-bottom:1.5rem}.bbcode-editor .bbcode-toolbar{display:flex;flex-wrap:wrap;padding:.5rem;background-color:#1e1e1e;border-bottom:1px solid #333333}.bbcode-editor .bbcode-toolbar .toolbar-group{display:flex;margin-right:1rem;position:relative}.bbcode-editor .bbcode-toolbar .toolbar-group:last-child{margin-right:0}.bbcode-editor .bbcode-toolbar .toolbar-group:not(:last-child):after{content:"";position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);height:20px;width:1px;background-color:#333}.bbcode-editor .bbcode-toolbar .toolbar-btn{background:none;border:none;color:#9a9a9a;width:32px;height:32px;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;font-size:14px}.bbcode-editor .bbcode-toolbar .toolbar-btn:hover,.bbcode-editor .bbcode-toolbar .toolbar-btn.active{background-color:#333;color:#fff}.bbcode-editor .bbcode-toolbar .toolbar-btn:active{transform:translateY(1px)}.bbcode-editor .bbcode-toolbar .emoji-group{position:relative}.bbcode-editor .bbcode-toolbar .emoji-group .emoji-picker{position:absolute;top:100%;right:0;background-color:#2a2a2a;border:1px solid #333333;border-radius:.5rem;padding:.5rem;z-index:10;display:none;grid-template-columns:repeat(4,1fr);gap:.25rem;margin-top:.25rem;box-shadow:0 4px 8px #0000001a;width:160px}.bbcode-editor .bbcode-toolbar .emoji-group .emoji-picker.show{display:grid}.bbcode-editor .bbcode-toolbar .emoji-group .emoji-picker .emoji-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;border-radius:.25rem;transition:all .3s ease}.bbcode-editor .bbcode-toolbar .emoji-group .emoji-picker .emoji-item:hover{background-color:#333}.bbcode-editor .bbcode-textarea{width:100%;padding:1rem;background-color:#2a2a2a;border:none;color:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;resize:vertical}.bbcode-editor .bbcode-textarea:focus{outline:none}.bbcode-editor .bbcode-textarea::placeholder{color:#9a9a9a}.bbcode-editor .bbcode-footer{display:flex;justify-content:flex-end;padding:.5rem;background-color:#1e1e1e;border-top:1px solid #333333}.bbcode-editor .bbcode-footer .preview-btn{background-color:#333;color:#fff;border:none;padding:.25rem 1rem;border-radius:.25rem;cursor:pointer;transition:all .3s ease}.bbcode-editor .bbcode-footer .preview-btn:hover{background-color:#606060}.bbcode-editor .bbcode-footer .preview-btn.active{background-color:#4b8bff}.bbcode-editor .bbcode-preview{padding:1rem;background-color:#2a2a2a;color:#fff;border-top:1px solid #333333;overflow-wrap:break-word}.bbcode-editor .bbcode-preview code{display:block;background-color:#1e1e1e;padding:.5rem;border-radius:.25rem;font-family:monospace;margin:.5rem 0;white-space:pre-wrap}.bbcode-editor .bbcode-preview blockquote{border-left:3px solid #4B8BFF;padding-left:.5rem;margin:.5rem 0;color:#9a9a9a}.bbcode-editor .bbcode-preview img{max-width:100%;height:auto;border-radius:.25rem}.bbcode-editor .bbcode-preview a{color:#4b8bff;text-decoration:none}.bbcode-editor .bbcode-preview a:hover{text-decoration:underline}@media (max-width: 768px){.bbcode-editor .bbcode-toolbar .toolbar-group{margin-bottom:.25rem}.bbcode-editor .bbcode-toolbar .toolbar-group:not(:last-child):after{display:none}}.bbcode-content{color:#fff;line-height:1.6;overflow-wrap:break-word}.bbcode-content p{margin-bottom:1rem}.bbcode-content p:last-child{margin-bottom:0}.bbcode-content code{display:block;background-color:#1e1e1e;padding:.5rem;border-radius:.25rem;font-family:monospace;margin:.5rem 0;white-space:pre-wrap}.bbcode-content blockquote{border-left:3px solid #4B8BFF;padding-left:1rem;margin:.5rem 0;color:#9a9a9a}.bbcode-content img{max-width:100%;height:auto;border-radius:.25rem}.bbcode-content a{color:#4b8bff;text-decoration:none}.bbcode-content a:hover{text-decoration:underline}.bbcode-content ul,.bbcode-content ol{margin:.5rem 0;padding-left:1.5rem}.bbcode-content ul li,.bbcode-content ol li{margin-bottom:.25rem}.bbcode-content h1,.bbcode-content h2,.bbcode-content h3,.bbcode-content h4,.bbcode-content h5,.bbcode-content h6{margin:1rem 0 .5rem;font-weight:600;color:#fff}.bbcode-content h1{font-size:1.8rem}.bbcode-content h2{font-size:1.5rem}.bbcode-content h3{font-size:1.3rem}.bbcode-content h4{font-size:1.1rem}.bbcode-content h5{font-size:1rem}.bbcode-content h6{font-size:.9rem}.interactive-map-container{position:relative;width:100%;background-color:#1e1e1e;border-radius:.75rem;box-shadow:0 6px 16px #0000001a;margin-bottom:2rem;overflow:hidden}.map-wrapper{position:relative;width:100%;height:700px;overflow:hidden}@media (max-width: 768px){.map-wrapper{height:500px}}@media (max-width: 576px){.map-wrapper{height:400px}}.map-container{position:absolute;width:100%;height:100%;transform-origin:0 0;cursor:move;transition:transform .1s ease-out}#map-image{display:block;width:100%;height:100%;object-fit:cover}#map-markers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-controls{position:absolute;bottom:1rem;right:1rem;z-index:10;display:flex;flex-direction:column;gap:.25rem}.map-control-btn{width:40px;height:40px;background-color:#2a2a2acc;color:#fff;border:none;border-radius:.5rem;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.map-control-btn:hover{background-color:#4b8bff}.map-legend{position:absolute;top:1rem;right:1rem;background-color:#2a2a2ae6;border-radius:.5rem;padding:1rem;z-index:5;max-width:200px}.map-legend h4{color:#fff;margin-top:0;margin-bottom:.5rem;font-size:14px}.map-legend .legend-item{display:flex;align-items:center;margin-bottom:.25rem}.map-legend .legend-item span{color:#9a9a9a;font-size:12px}.map-legend .legend-item .marker{width:12px;height:12px;border-radius:50%;margin-right:.5rem}.map-legend .legend-item .government{background-color:#4b8bff}.map-legend .legend-item .commercial{background-color:#4cd964}.map-legend .legend-item .residential{background-color:#5ac8fa}.map-legend .legend-item .illegal{background-color:#ff3b30}.map-legend .legend-item .public{background-color:#ffc107}.map-marker{position:absolute;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .3s ease;box-shadow:0 0 0 2px #1e1e1e;z-index:2;pointer-events:auto}.map-marker:hover{transform:translate(-50%,-50%) scale(1.2);z-index:3}.map-marker.government{background-color:#4b8bff}.map-marker.commercial{background-color:#4cd964}.map-marker.residential{background-color:#5ac8fa}.map-marker.illegal{background-color:#ff3b30}.map-marker.public{background-color:#ffc107}.map-marker.active{transform:translate(-50%,-50%) scale(1.3);z-index:4}.map-marker.active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:2px solid currentColor;animation:pulse 1.5s infinite}.marker-label{position:absolute;transform:translate(-50%,10px);font-size:12px;color:#fff;background-color:#1e1e1eb3;padding:2px 6px;border-radius:10px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;text-shadow:1px 1px 1px rgba(0,0,0,.7)}.map-marker:hover+.marker-label{opacity:1}.map-info-panel{position:absolute;left:1rem;top:1rem;width:300px;background-color:#2a2a2af2;border-radius:.5rem;box-shadow:0 4px 8px #0000001a;z-index:10;transform:translate(-110%);transition:transform .3s ease}.map-info-panel.active{transform:translate(0)}.map-info-panel .info-header{padding:.5rem 1rem;border-bottom:1px solid #333333;display:flex;justify-content:space-between;align-items:center}.map-info-panel .info-header h3{margin:0;color:#fff;font-size:18px}.map-info-panel .info-header .close-btn{background:none;border:none;color:#9a9a9a;font-size:20px;cursor:pointer}.map-info-panel .info-header .close-btn:hover{color:#fff}.map-info-panel .info-content{padding:1rem}.map-info-panel .info-content p{color:#9a9a9a;margin-top:0;margin-bottom:1rem}.map-info-panel #location-details .detail-section{margin-bottom:1rem}.map-info-panel #location-details .detail-section h4{color:#fff;margin-top:0;margin-bottom:.25rem;font-size:14px}.map-info-panel #location-details .detail-section ul{margin:0;padding-left:1rem}.map-info-panel #location-details .detail-section ul li{color:#9a9a9a;font-size:14px}.coordinates-display{position:absolute;bottom:1rem;left:1rem;background-color:#2a2a2acc;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem;z-index:5}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@media (max-width: 768px){.map-info-panel{width:calc(100% - 2rem);max-width:300px}}.main-footer{background-color:var(--dark-gray);padding:var(--spacing-xl) 0;border-top:1px solid var(--dark-gray-lighter)}.main-footer .footer-content{display:flex;justify-content:space-between}@media (max-width: var(--breakpoint-md)){.main-footer .footer-content{flex-direction:column;gap:var(--spacing-lg)}}.main-footer .footer-logo img{height:50px;margin-bottom:var(--spacing-md)}.main-footer .footer-logo p{color:var(--light-gray);font-size:.875rem}.main-footer .footer-links{display:flex;gap:var(--spacing-xl)}@media (max-width: var(--breakpoint-sm)){.main-footer .footer-links{flex-wrap:wrap;gap:var(--spacing-lg)}}.main-footer .footer-links .link-group h4{font-size:1.125rem;margin-bottom:var(--spacing-md);position:relative;padding-bottom:var(--spacing-sm)}.main-footer .footer-links .link-group h4:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:var(--primary-color)}.main-footer .footer-links .link-group ul li{margin-bottom:var(--spacing-sm)}.main-footer .footer-links .link-group ul li:last-child{margin-bottom:0}.main-footer .footer-links .link-group ul li a{color:var(--light-gray);transition:var(--transition-base)}.main-footer .footer-links .link-group ul li a:hover{color:var(--primary-color)}.hero-section{background-color:var(--dark-gray-lighter);background-image:linear-gradient(to bottom,color-mix(in srgb,var(--dark-gray) 80%,transparent) 50%,color-mix(in srgb,var(--primary-color) 70%,transparent)),url(/images/hero-bg.png);background-size:cover;background-position:center;padding:var(--spacing-xxl) 0;position:relative}.hero-section .hero-content{text-align:center;margin-bottom:var(--spacing-xl)}.hero-section .hero-content h1{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-section .hero-content h1 span{color:var(--primary-color)}@media (max-width: var(--breakpoint-md)){.hero-section .hero-content h1{font-size:2.5rem}}.hero-section .hero-content p{font-size:1.25rem;margin-bottom:var(--spacing-lg);max-width:700px;margin-left:auto;margin-right:auto}@media (max-width: var(--breakpoint-md)){.hero-section .hero-content p{font-size:1.125rem}}.hero-section .hero-content .hero-buttons{display:flex;justify-content:center;gap:var(--spacing-md)}@media (max-width: var(--breakpoint-sm)){.hero-section .hero-content .hero-buttons{flex-direction:column;align-items:center}.hero-section .hero-content .hero-buttons .btn{width:100%;max-width:240px}}.hero-section .server-stats{display:flex;justify-content:center;gap:calc(var(--spacing-xl) * 2)}@media (max-width: var(--breakpoint-md)){.hero-section .server-stats{gap:var(--spacing-xl)}}@media (max-width: var(--breakpoint-sm)){.hero-section .server-stats{flex-direction:column;align-items:center;gap:var(--spacing-lg)}}.hero-section .server-stats .stat-item{text-align:center}.hero-section .server-stats .stat-item .stat-value{display:block;font-size:2.5rem;font-weight:700;color:var(--primary-color)}@media (max-width: var(--breakpoint-md)){.hero-section .server-stats .stat-item .stat-value{font-size:2rem}}.hero-section .server-stats .stat-item .stat-label{display:block;font-size:1rem;color:var(--light-gray)}.section-title{text-align:center;font-size:2.25rem;font-weight:600;margin-bottom:var(--spacing-xl);position:relative}.section-title:after{content:"";display:block;width:80px;height:4px;background-color:var(--primary-color);margin:var(--spacing-sm) auto 0;border-radius:2px}@media (max-width: var(--breakpoint-md)){.section-title{font-size:1.875rem}}.features-section{padding:var(--spacing-xxl) 0;background-color:var(--dark-gray)}.features-section .features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-lg)){.features-section .features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: var(--breakpoint-sm)){.features-section .features-grid{grid-template-columns:1fr}}.features-section .feature-card{background-color:var(--dark-gray-lighter);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;transition:var(--transition-base)}.features-section .feature-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg)}.features-section .feature-card .feature-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto var(--spacing-md);background-color:color-mix(in srgb,var(--primary-color) 10%,transparent);border-radius:50%;color:var(--primary-color)}.features-section .feature-card .feature-icon svg{width:40px;height:40px}.features-section .feature-card h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.features-section .feature-card p{color:var(--light-gray);margin-bottom:0}.servers-section{padding:var(--spacing-xxl) 0;background-color:var(--dark-gray-lightest)}.servers-section .servers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-lg)){.servers-section .servers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: var(--breakpoint-md)){.servers-section .servers-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.servers-section .server-card{background-color:var(--dark-gray-lighter);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-base)}.servers-section .server-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg)}.servers-section .server-card .server-header{padding:var(--spacing-md);background-color:var(--dark-gray);display:flex;justify-content:space-between;align-items:center}.servers-section .server-card .server-header h3{margin-bottom:0;font-size:1.125rem}.servers-section .server-card .server-info{padding:var(--spacing-md)}.servers-section .server-card .server-info .info-item{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.servers-section .server-card .server-info .info-item:last-child{margin-bottom:0}.servers-section .server-card .server-info .info-item .info-label{color:var(--light-gray)}.servers-section .server-card .server-info .info-item .info-value{font-weight:500}.servers-section .server-card .btn{border-top-left-radius:0;border-top-right-radius:0}.server-status{display:inline-flex;align-items:center;font-size:.875rem;font-weight:500}.server-status:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--spacing-xs)}.server-status.online{color:var(--success)}.server-status.online:before{background-color:var(--success)}.server-status.offline{color:var(--danger)}.server-status.offline:before{background-color:var(--danger)}.server-status.maintenance{color:var(--warning)}.server-status.maintenance:before{background-color:var(--warning)}.news-section{padding:var(--spacing-xxl) 0;background-color:var(--dark-gray)}.news-section .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: var(--breakpoint-lg)){.news-section .news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: var(--breakpoint-md)){.news-section .news-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}.news-section .news-card{background-color:var(--dark-gray-lighter);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-base)}.news-section .news-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg)}.news-section .news-card:hover .news-image img{transform:scale(1.05)}.news-section .news-card .news-image{height:200px;overflow:hidden}.news-section .news-card .news-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.news-section .news-card .news-content{padding:var(--spacing-md)}.news-section .news-card .news-content .news-date{display:block;font-size:.875rem;color:var(--light-gray);margin-bottom:var(--spacing-sm)}.news-section .news-card .news-content h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.news-section .news-card .news-content p{color:var(--light-gray);margin-bottom:var(--spacing-sm);line-height:1.5}.news-section .news-card .news-content .read-more{display:inline-block;font-weight:500;color:var(--primary-color)}.news-section .news-card .news-content .read-more:hover{color:var(--primary-light)}.news-section .view-all-news{text-align:center}.cta-section{padding:var(--spacing-xl) 0;background-color:var(--primary-color);background-image:linear-gradient(135deg,var(--primary-color),var(--primary-dark))}.cta-section .cta-content{text-align:center}.cta-section .cta-content h2{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--white)}@media (max-width: var(--breakpoint-md)){.cta-section .cta-content h2{font-size:1.75rem}}.cta-section .cta-content p{font-size:1.125rem;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-lg);color:color-mix(in srgb,var(--white) 90%,transparent)}@media (max-width: var(--breakpoint-md)){.cta-section .cta-content p{font-size:1rem}}.cta-section .cta-content .cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md)}.cta-section .cta-content .cta-buttons .btn-primary{background-color:var(--white);color:var(--primary-color)}.cta-section .cta-content .cta-buttons .btn-primary:hover{background-color:var(--lighter-gray)}.cta-section .cta-content .cta-buttons .btn-secondary{background-color:transparent;border-color:var(--white)}.cta-section .cta-content .cta-buttons .btn-secondary:hover{background-color:color-mix(in srgb,var(--white) 10%,transparent)}@media (max-width: var(--breakpoint-sm)){.cta-section .cta-content .cta-buttons{flex-direction:column;align-items:center}.cta-section .cta-content .cta-buttons .btn{width:100%;max-width:240px}}.profile-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-md)}.profile-banner{position:relative;height:200px;background-color:var(--dark-gray);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;overflow:hidden;margin-bottom:0}.profile-banner .banner-image{width:100%;height:100%;object-fit:cover}.profile-banner .default-banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--dark-gray) 0%,var(--primary-dark) 100%)}.profile-header{display:flex;align-items:center;background-color:var(--dark-gray-lighter);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);padding:var(--spacing-lg);padding-left:150px;margin-bottom:var(--spacing-xl);position:relative;min-height:80px;box-shadow:var(--box-shadow-md)}@media (max-width: var(--breakpoint-md)){.profile-header{flex-direction:column;text-align:center;padding-top:70px;padding-left:var(--spacing-lg)}}.profile-avatar{position:absolute;top:-50px;left:var(--spacing-lg)}.profile-avatar img{width:120px;height:120px;border-radius:50%;border:4px solid var(--dark-gray-lighter);box-shadow:var(--box-shadow-md);object-fit:cover}@media (max-width: var(--breakpoint-md)){.profile-avatar{left:50%;transform:translate(-50%)}}.profile-info{flex:1}.profile-name{font-size:1.8rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--white)}.profile-steam{margin-bottom:var(--spacing-md)}.profile-steam .steam-link{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--steam-color);color:var(--white);border-radius:var(--border-radius-md);text-decoration:none;transition:var(--transition-base)}.profile-steam .steam-link i{margin-right:var(--spacing-xs)}.profile-steam .steam-link:hover{opacity:.9;transform:translateY(-2px)}.profile-actions .btn{display:inline-flex;align-items:center}.profile-actions .btn i{margin-right:var(--spacing-xs)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background-color:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-lg);text-align:center;box-shadow:var(--box-shadow-sm)}.stat-card .stat-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#4b8bff1a;border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm)}.stat-card .stat-icon i{font-size:1.5rem;color:var(--primary-color)}.stat-card .stat-value{font-size:1.8rem;font-weight:700;color:var(--white);margin:0 0 var(--spacing-xs)}.stat-card .stat-label{color:var(--light-gray);font-size:.9rem}.profile-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: var(--breakpoint-lg)){.profile-content{grid-template-columns:1fr 1fr}}.profile-section{margin-bottom:var(--spacing-xl)}.profile-section .section-title{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--white);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--primary-color);display:flex;align-items:center}.profile-section .section-title i{margin-right:var(--spacing-sm);color:var(--primary-color)}.sub-section-title{font-size:1.1rem;font-weight:500;margin:var(--spacing-md) 0;color:var(--white);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--primary-color);opacity:.9}.info-card{background-color:var(--dark-gray-lighter);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--box-shadow-md)}.info-item{display:flex;flex-wrap:wrap;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--dark-gray-lightest)}.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-label{width:120px;font-weight:600;color:var(--light-gray)}.info-value{flex:1;color:var(--white)}.role-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.role-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--primary-color);color:var(--white);border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:500}.achievements-section{margin-bottom:var(--spacing-xl)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.achievement-card{display:flex;background-color:var(--dark-gray);border-radius:var(--border-radius-md);padding:var(--spacing-md);border-left:3px solid var(--primary-color);transition:var(--transition-base)}.achievement-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-md)}.achievement-card.achievement-recent{border-left-color:var(--success);background-color:rgba(var(--success),.1)}.achievement-card.achievement-recent .achievement-icon i{color:var(--success)}.achievement-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;background-color:var(--dark-gray-lighter);border-radius:var(--border-radius-md);margin-right:var(--spacing-md)}.achievement-icon i{font-size:1.2rem;color:var(--primary-color)}.achievement-info{flex:1}.achievement-name{font-weight:600;color:var(--white);margin-bottom:var(--spacing-xs)}.achievement-description{font-size:.9rem;color:var(--light-gray);margin-bottom:var(--spacing-xs)}.achievement-unlocked{font-size:.8rem;color:var(--light-gray);font-style:italic}.recent-achievements{margin-bottom:var(--spacing-xl)}.empty-achievements{text-align:center;padding:var(--spacing-xl) 0}.empty-achievements .empty-icon{width:70px;height:70px;background-color:rgba(var(--primary-color),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.empty-achievements .empty-icon i{font-size:1.8rem;color:var(--primary-color);opacity:.8}.empty-achievements .empty-title{font-size:1.2rem;font-weight:500;color:var(--white);margin-bottom:var(--spacing-sm)}.empty-achievements .empty-description{color:var(--light-gray);max-width:300px;margin:0 auto}.activity-section-small{margin-top:var(--spacing-xl);width:100%}.activity-timeline-small{position:relative;padding-left:28px}.activity-timeline-small:before{content:"";position:absolute;top:0;bottom:0;left:8px;width:2px;background:linear-gradient(to bottom,var(--primary-color),rgba(var(--primary-color),.3))}.activity-item{position:relative;margin-bottom:var(--spacing-lg)}.activity-item:last-child{margin-bottom:var(--spacing-md)}.activity-item .activity-dot{position:absolute;left:-28px;top:12px;width:12px;height:12px;border-radius:50%;background-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color),.2);z-index:2}.activity-item .activity-card{background-color:var(--dark-gray);border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:var(--box-shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.activity-item .activity-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg)}.activity-item .activity-card .activity-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);border-bottom:none;padding-bottom:0}.activity-item .activity-card .activity-header .activity-type{background-color:rgba(var(--primary-color),.15);color:var(--primary-color);font-size:.8rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);display:inline-flex;align-items:center}.activity-item .activity-card .activity-header .activity-type i{margin-right:var(--spacing-xs);font-size:.75rem}.activity-item .activity-card .activity-header .activity-time{color:var(--light-gray);font-size:.85rem}.activity-item .activity-card .activity-content{margin:var(--spacing-sm) 0}.activity-item .activity-card .activity-content .activity-title{font-weight:500;margin-bottom:var(--spacing-xs);color:var(--white);font-size:1rem}.activity-item .activity-card .activity-content .activity-details{color:var(--light-gray);font-size:.9rem}.activity-item .activity-card .activity-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid rgba(var(--dark-gray-lightest),.5)}.activity-item .activity-card .activity-footer .activity-link{font-size:.9rem;color:var(--primary-color);text-decoration:none;display:inline-flex;align-items:center}.activity-item .activity-card .activity-footer .activity-link i{margin-left:var(--spacing-xs);transition:transform .2s ease}.activity-item .activity-card .activity-footer .activity-link:hover{text-decoration:underline}.activity-item .activity-card .activity-footer .activity-link:hover i{transform:translate(2px)}.view-all-activities{text-align:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--dark-gray-lightest)}.view-all-activities .btn{display:inline-flex;align-items:center}.view-all-activities .btn i{margin-left:var(--spacing-xs);transition:transform .2s ease}.view-all-activities .btn:hover i{transform:translate(2px)}.empty-activity{text-align:center;padding:var(--spacing-xl) 0}.empty-activity .empty-icon{width:70px;height:70px;background-color:rgba(var(--primary-color),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.empty-activity .empty-icon i{font-size:1.8rem;color:var(--primary-color);opacity:.8}.empty-activity .empty-title{font-size:1.2rem;font-weight:500;color:var(--white);margin-bottom:var(--spacing-sm)}.empty-activity .empty-description{color:var(--light-gray);max-width:300px;margin:0 auto}.pagination-container{margin-top:var(--spacing-xl);display:flex;justify-content:center}.pagination-container .pagination{display:flex;list-style:none;padding:0;margin:0}.pagination-container .pagination .page-item{margin:0 var(--spacing-xs)}.pagination-container .pagination .page-item .page-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-md);background-color:var(--dark-gray);border:1px solid var(--dark-gray-lightest);color:var(--white);text-decoration:none;transition:all .2s ease}.pagination-container .pagination .page-item .page-link:hover{background-color:var(--dark-gray-lightest)}.pagination-container .pagination .page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.pagination-container .pagination .page-item.disabled .page-link{opacity:.5;pointer-events:none}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--light-gray);font-weight:500}.form-group .form-control{width:100%;padding:var(--spacing-sm);border-radius:var(--border-radius-md);border:1px solid var(--dark-gray-lightest);background-color:var(--dark-gray);color:var(--white)}.form-group .form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-color),.3)}.form-group .form-control.is-invalid{border-color:var(--danger)}.form-group .invalid-feedback{color:var(--danger);font-size:.85rem;margin-top:var(--spacing-xs)}.banner-preview{margin-bottom:var(--spacing-md);border-radius:var(--border-radius-md);overflow:hidden;background-color:var(--dark-gray)}.current-banner-img{width:100%;height:200px;object-fit:cover;display:block}.banner-actions{padding:var(--spacing-sm);background-color:var(--dark-gray-lighter);text-align:right}.no-banner{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--light-gray);background-color:var(--dark-gray)}.no-banner i{font-size:3rem;margin-bottom:var(--spacing-sm);opacity:.5}.form-info{display:flex;align-items:center;margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:rgba(var(--primary-color),.1);border-radius:var(--border-radius-md)}@media (max-width: var(--breakpoint-md)){.form-info{flex-direction:column}}.avatar-preview{margin-right:var(--spacing-md)}.avatar-preview .avatar-image{width:80px;height:80px;border-radius:50%;border:2px solid var(--primary-color)}@media (max-width: var(--breakpoint-md)){.avatar-preview{margin-right:0;margin-bottom:var(--spacing-md)}}.avatar-info{color:var(--light-gray);font-size:.9rem}.avatar-info p{margin-bottom:var(--spacing-sm)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.form-actions .btn{padding:var(--spacing-sm) var(--spacing-lg)}.alert{padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.alert.alert-success{background-color:rgba(var(--success),.2);border:1px solid rgba(var(--success),.3);color:var(--success)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:500;text-align:center;cursor:pointer;transition:var(--transition-base);border:none;text-decoration:none}.btn.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn.btn-primary:hover{background-color:var(--primary-dark)}.btn.btn-secondary{background-color:var(--dark-gray-lightest);color:var(--white)}.btn.btn-secondary:hover{background-color:var(--dark-gray-lightest)}.btn.btn-danger{background-color:var(--danger);color:var(--white)}.btn.btn-danger:hover{background-color:var(--danger)}.btn.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.store-container{background:var(--dark-gray);min-height:100vh;color:var(--white);font-family:var(--font-family-base);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.store-header{text-align:center;margin-bottom:var(--spacing-xl)}.store-header .store-title{font-size:2.5rem;font-weight:700;color:var(--white);margin-bottom:var(--spacing-md)}.store-header .store-subtitle{font-size:1.1rem;color:var(--light-gray);max-width:600px;margin:0 auto}.store-stats{margin-bottom:var(--spacing-xl)}.store-stats .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media (max-width: var(--breakpoint-lg)){.store-stats .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: var(--breakpoint-sm)){.store-stats .stats-grid{grid-template-columns:1fr}}.store-stats .stat-card{background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);border:1px solid rgba(255,255,255,.05);transition:var(--transition-base)}.store-stats .stat-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-md);border-color:var(--primary-color)}.store-stats .stat-card .stat-icon{width:40px;height:40px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.2rem}.store-stats .stat-card .stat-icon.vip{background:linear-gradient(135deg,#e91e63,#f48fb1)}.store-stats .stat-card .stat-icon.money{background:linear-gradient(135deg,var(--success) 0%,var(--success) 100%)}.store-stats .stat-card .stat-icon.job{background:linear-gradient(135deg,var(--info) 0%,var(--info) 100%)}.store-stats .stat-card .stat-icon.total{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color) 100%)}.store-stats .stat-card .stat-content h3{color:var(--white);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.store-stats .stat-card .stat-content p{color:var(--light-gray);margin:0;font-size:.9rem}.store-checkout-terms{margin-bottom:var(--spacing-lg);background:var(--dark-gray-lightest);border-radius:var(--border-radius-sm);padding:var(--spacing-md)}.terms-acceptance{position:relative}.terms-checkbox-container{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.terms-checkbox-container input[type=checkbox]{margin-top:4px;cursor:pointer}.terms-checkbox-container input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.terms-checkbox-container label{color:var(--white);font-size:.9rem;cursor:pointer}.terms-checkbox-container label a{color:var(--primary-color);text-decoration:none;transition:var(--transition-base)}.terms-checkbox-container label a:hover{text-decoration:underline}.terms-error{margin-top:var(--spacing-xs);color:var(--danger);font-size:.85rem;display:none}.terms-confirmation{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);color:var(--success);font-size:.85rem;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.store-tos{background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);color:var(--white)}.store-tos-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.store-tos-header h1{color:var(--white);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.store-tos-header .last-updated{color:var(--light-gray);font-size:.9rem;font-style:italic}.store-tos-content{max-height:60vh;overflow-y:auto;padding-right:var(--spacing-md);margin-bottom:var(--spacing-lg);scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--dark-gray)}.store-tos-content::-webkit-scrollbar{width:8px}.store-tos-content::-webkit-scrollbar-track{background:var(--dark-gray);border-radius:10px}.store-tos-content::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.tos-section{margin-bottom:var(--spacing-lg)}.tos-section h2{color:var(--white);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.tos-section p{color:var(--light-gray);font-size:1rem;line-height:1.6;margin-bottom:var(--spacing-sm)}.tos-section ul{padding-left:1.5rem;margin-bottom:var(--spacing-md)}.tos-section ul li{color:var(--light-gray);margin-bottom:var(--spacing-xs);line-height:1.5}.tos-section .contact-info{font-weight:600;color:var(--primary-color)}.store-tos-footer{padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.tos-actions{text-align:center;margin-bottom:var(--spacing-md)}.tos-actions .btn-primary{padding:.75rem 2rem;font-size:1.1rem}.tos-back{text-align:center}.tos-back .back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--light-gray);text-decoration:none;transition:var(--transition-base)}.tos-back .back-link:hover{color:var(--white)}@media print{.store-container{background:#fff;color:#000;padding:0}.store-tos{background:#fff;color:#000;box-shadow:none;padding:0}.store-tos-header h1{color:#000}.store-tos-header .last-updated{color:#555}.tos-section h2{color:#000}.tos-section p,.tos-section ul li{color:#333}.store-tos-footer{display:none}}@media (max-width: var(--breakpoint-md)){.store-tos{padding:var(--spacing-lg)}.store-tos-header h1{font-size:2rem}.tos-section h2{font-size:1.3rem}}.store-controls{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--dark-gray-lighter);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md)}@media (max-width: var(--breakpoint-lg)){.store-controls{grid-template-columns:1fr;gap:var(--spacing-md)}}.store-controls .controls-left .server-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.store-controls .controls-left .server-selector label{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--white);font-weight:600;font-size:.9rem}.store-controls .controls-left .server-selector label i{color:var(--primary-color)}.store-controls .controls-left .server-selector .server-select{background:var(--dark-gray);border:1px solid var(--dark-gray-lightest);color:var(--white);padding:.5rem .75rem;border-radius:var(--border-radius-sm);font-size:.9rem;min-width:180px;transition:var(--transition-base)}.store-controls .controls-left .server-selector .server-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4b8bff33}.store-controls .controls-left .server-selector .server-select option{background-color:var(--dark-gray);color:var(--white)}.store-controls .controls-center .search-bar{position:relative;max-width:400px;margin:0 auto}.store-controls .controls-center .search-bar .search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--light-gray);z-index:2}.store-controls .controls-center .search-bar .search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;background:var(--dark-gray);border:1px solid var(--dark-gray-lightest);border-radius:20px;color:var(--white);font-size:.9rem;transition:var(--transition-base)}.store-controls .controls-center .search-bar .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4b8bff33}.store-controls .controls-center .search-bar .search-input::placeholder{color:var(--light-gray)}.store-controls .controls-right .category-filter .filter-tabs{display:flex;gap:.25rem;background:var(--dark-gray);padding:.25rem;border-radius:var(--border-radius-sm);border:1px solid var(--dark-gray-lightest)}@media (max-width: var(--breakpoint-md)){.store-controls .controls-right .category-filter .filter-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.store-controls .controls-right .category-filter .filter-tabs::-webkit-scrollbar{display:none}}.store-controls .controls-right .category-filter .filter-tabs .filter-tab{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--light-gray);padding:.4rem .6rem;border-radius:4px;font-weight:500;font-size:.85rem;cursor:pointer;transition:var(--transition-base);white-space:nowrap}.store-controls .controls-right .category-filter .filter-tabs .filter-tab:hover{background:var(--dark-gray-lightest);color:var(--white)}.store-controls .controls-right .category-filter .filter-tabs .filter-tab.active{background:var(--primary-color);color:var(--white);box-shadow:0 2px 8px #4b8bff4d}.store-controls .controls-right .category-filter .filter-tabs .filter-tab .count{background:#ffffff1a;color:inherit;padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:600}.store-controls .controls-right .category-filter .filter-tabs .filter-tab.active .count{background:#fff3}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: var(--breakpoint-sm)){.packages-grid{grid-template-columns:1fr}}.package-card{position:relative;background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);overflow:hidden;transition:var(--transition-base);border:1px solid rgba(255,255,255,.05);height:100%;display:flex;flex-direction:column}.package-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg);border-color:var(--primary-color)}.package-card .package-image{height:160px;background-size:cover;background-position:center;position:relative;overflow:hidden}.package-card .package-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,var(--dark-gray-lighter),transparent)}.package-card .package-category{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:#0009;color:var(--white);padding:.3rem .6rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;z-index:2}.package-card .package-category.vip{background:#e91e63cc}.package-card .package-category.money{background:#4cd964cc}.package-card .package-category.job{background:#5ac8facc}.package-card .package-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--warning);color:#000;padding:.3rem .6rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;z-index:2}.package-card .package-content{padding:var(--spacing-md);flex-grow:1;display:flex;flex-direction:column}.package-card .package-header{margin-bottom:var(--spacing-md)}.package-card .package-header .package-title{color:var(--white);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.package-card .package-header .package-price{color:var(--primary-color);font-weight:700;font-size:1.5rem}.package-card .package-features{margin-bottom:var(--spacing-md);flex-grow:1}.package-card .package-features ul{list-style:none;padding:0;margin:0}.package-card .package-features ul li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--light-gray);font-size:.9rem}.package-card .package-features ul li:before{content:"✓";color:var(--success);position:absolute;left:0;top:0}.package-card .package-features .feature-more{color:var(--light-gray);font-size:.8rem;font-style:italic;margin-top:.5rem;padding-left:1.5rem}.package-card .package-actions{margin-top:auto}.package-card .package-actions .btn-view{display:block;width:100%;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius-sm);padding:.75rem 1rem;font-weight:600;text-align:center;text-decoration:none;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:.5rem}.package-card .package-actions .btn-view:hover{background:var(--primary-dark)}.package-card .package-actions .btn-view i{transition:transform .3s ease}.package-card .package-actions .btn-view:hover i{transform:translate(4px)}.package-card.vip{border:1px solid rgba(233,30,99,.2)}.package-card.vip:hover{border-color:#e91e63}.package-card.vip .package-header .package-price{color:#e91e63}.package-card.vip .package-actions .btn-view{background:#e91e63}.package-card.vip .package-actions .btn-view:hover{background:#c1134e}.package-card.elite-vip{border:1px solid rgba(255,193,7,.2)}.package-card.elite-vip:hover{border-color:#ffc107}.package-card.elite-vip .package-header .package-price{color:#ffc107}.package-card.elite-vip .package-actions .btn-view{background:#ffc107;color:#000}.package-card.elite-vip .package-actions .btn-view:hover{background:#d39e00}.package-card.money{border:1px solid rgba(76,217,100,.2)}.package-card.money:hover{border-color:var(--success)}.package-card.money .package-header .package-price{color:var(--success)}.package-card.money .package-actions .btn-view,.package-card.money .package-actions .btn-view:hover{background:var(--success)}.package-card.job{border:1px solid rgba(90,200,250,.2)}.package-card.job:hover{border-color:var(--info)}.package-card.job .package-header .package-price{color:var(--info)}.package-card.job .package-actions .btn-view,.package-card.job .package-actions .btn-view:hover{background:var(--info)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;background:var(--dark-gray-lighter);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md);margin:0 auto}.empty-state .empty-icon{margin-bottom:var(--spacing-lg);opacity:.5}.empty-state .empty-icon i{font-size:3rem;color:var(--light-gray)}.empty-state h3{color:var(--white);font-size:1.5rem;margin-bottom:var(--spacing-md)}.empty-state p{color:var(--light-gray);font-size:1rem;margin:0;max-width:400px}.server-selection-section{padding:var(--spacing-lg) 0}.server-selection-section .section-header{text-align:center;margin-bottom:var(--spacing-xl)}.server-selection-section .section-header h2{color:var(--white);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.server-selection-section .section-header p{color:var(--light-gray);font-size:1.1rem;max-width:600px;margin:0 auto}.server-selection-section .servers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: var(--breakpoint-md)){.server-selection-section .servers-grid{grid-template-columns:1fr}}.server-selection-section .server-card{background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.05);transition:var(--transition-base);height:100%}.server-selection-section .server-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-lg);border-color:var(--primary-color)}.server-selection-section .server-card .server-icon{width:50px;height:50px;background:var(--primary-color);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.25rem;margin-bottom:var(--spacing-md)}.server-selection-section .server-card .server-info{margin-bottom:var(--spacing-lg)}.server-selection-section .server-card .server-info h3{color:var(--white);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.server-selection-section .server-card .server-info p{color:var(--light-gray);line-height:1.6;margin-bottom:var(--spacing-md)}.server-selection-section .server-card .server-info .server-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.server-selection-section .server-card .server-info .server-stats .stat{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--lighter-gray);font-size:.9rem}.server-selection-section .server-card .server-info .server-stats .stat i{color:var(--primary-color)}.server-selection-section .server-card .server-info .server-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--warning);color:#000;padding:.4rem .6rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.server-selection-section .server-card .server-actions .btn-select-server{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:.75rem;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius-sm);font-weight:600;text-decoration:none;transition:var(--transition-base)}.server-selection-section .server-card .server-actions .btn-select-server:hover{background:var(--primary-dark)}.server-selection-section .server-card .server-actions .btn-select-server i{transition:transform .3s ease}.server-selection-section .server-card .server-actions .btn-select-server:hover i{transform:translate(4px)}.server-selection-section .browse-all-section .browse-all-card{background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-lg);border:1px dashed var(--primary-color);display:flex;justify-content:space-between;align-items:center;transition:var(--transition-base)}.server-selection-section .browse-all-section .browse-all-card:hover{background:var(--dark-gray-lightest)}.server-selection-section .browse-all-section .browse-all-card .browse-all-content h3{color:var(--white);font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-xs)}.server-selection-section .browse-all-section .browse-all-card .browse-all-content p{color:var(--light-gray);margin:0}.server-selection-section .browse-all-section .browse-all-card .btn-browse-all{display:flex;align-items:center;gap:var(--spacing-xs);padding:.75rem var(--spacing-md);background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--border-radius-sm);font-weight:600;text-decoration:none;transition:var(--transition-base);white-space:nowrap}.server-selection-section .browse-all-section .browse-all-card .btn-browse-all:hover{background:var(--primary-color);color:var(--white)}@media (max-width: var(--breakpoint-md)){.server-selection-section .browse-all-section .browse-all-card{flex-direction:column;gap:var(--spacing-md);text-align:center}}.store-package-detail{background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);overflow:hidden;margin-bottom:var(--spacing-xl)}.store-package-detail .store-package-detail-image{height:300px;background-size:cover;background-position:center;position:relative}.store-package-detail .store-package-detail-image .store-package-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--warning);color:#000;padding:.5rem var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:600;z-index:2}.store-package-detail .store-package-detail-content{padding:var(--spacing-xl)}.store-package-detail .store-package-detail-content .package-server-info{margin-bottom:var(--spacing-md)}.store-package-detail .store-package-detail-content .package-server-info .server-badge{display:inline-block;background:var(--primary-color);color:var(--white);padding:.5rem var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:600}.store-package-detail .store-package-detail-content .store-package-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.store-package-detail .store-package-detail-content .store-package-detail-header h1{color:var(--white);font-size:2.5rem;font-weight:700;margin:0}.store-package-detail .store-package-detail-content .store-package-detail-header .price{color:var(--primary-color);font-size:2rem;font-weight:700}@media (max-width: var(--breakpoint-md)){.store-package-detail .store-package-detail-content .store-package-detail-header{flex-direction:column;gap:var(--spacing-sm)}.store-package-detail .store-package-detail-content .store-package-detail-header h1{font-size:2rem}.store-package-detail .store-package-detail-content .store-package-detail-header .price{font-size:1.5rem}}.store-package-detail .store-package-detail-content .store-package-detail-description{margin-bottom:var(--spacing-lg)}.store-package-detail .store-package-detail-content .store-package-detail-description p{color:var(--light-gray);font-size:1rem;line-height:1.6}.store-package-detail .store-package-detail-content .store-package-detail-features{margin-bottom:var(--spacing-xl)}.store-package-detail .store-package-detail-content .store-package-detail-features h3{color:var(--white);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.store-package-detail .store-package-detail-content .store-package-detail-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.store-package-detail .store-package-detail-content .store-package-detail-features ul li{position:relative;padding-left:1.75rem;color:var(--light-gray);font-size:1rem;line-height:1.5}.store-package-detail .store-package-detail-content .store-package-detail-features ul li .check-icon{color:var(--success);position:absolute;left:0;top:.25rem}@media (max-width: var(--breakpoint-sm)){.store-package-detail .store-package-detail-content .store-package-detail-features ul{grid-template-columns:1fr}}.store-package-detail .store-package-detail-content .store-package-detail-actions .btn-purchase{display:inline-block;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius-sm);padding:.75rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:var(--transition-base)}.store-package-detail .store-package-detail-content .store-package-detail-actions .btn-purchase:hover{background:var(--primary-dark)}.store-package-detail .store-package-detail-content .store-package-detail-actions .login-required{background:var(--dark-gray-lightest);border-radius:var(--border-radius-sm);padding:var(--spacing-md);text-align:center}.store-package-detail .store-package-detail-content .store-package-detail-actions .login-required p{color:var(--light-gray);margin-bottom:var(--spacing-md)}.store-package-detail .store-package-detail-content .store-package-detail-actions .login-required .btn-login{display:inline-block;background:var(--steam-color);color:var(--white);border:none;border-radius:var(--border-radius-sm);padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:var(--transition-base)}.store-package-detail .store-package-detail-content .store-package-detail-actions .login-required .btn-login:hover{background:var(--steam-color)}.store-package-detail .store-package-detail-footer{background:var(--dark-gray);padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid rgba(255,255,255,.05)}.store-package-detail .store-package-detail-footer .btn-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--light-gray);text-decoration:none;transition:var(--transition-base)}.store-package-detail .store-package-detail-footer .btn-back:hover{color:var(--white)}.store-checkout{background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-xl);box-shadow:var(--box-shadow-md)}.store-checkout .store-checkout-header{text-align:center;margin-bottom:var(--spacing-lg)}.store-checkout .store-checkout-header h2{color:var(--white);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.store-checkout .store-checkout-summary{background:var(--dark-gray-lightest);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.store-checkout .store-checkout-summary .package-name{font-size:1.25rem;color:var(--white);font-weight:600;margin-bottom:var(--spacing-sm)}.store-checkout .store-checkout-summary .package-price{font-size:1.5rem;color:var(--primary-color);font-weight:700;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-md)}.store-checkout .store-checkout-summary .package-price .original-price{text-decoration:line-through;color:var(--light-gray);font-size:1.1rem}.store-checkout .store-checkout-summary .package-discount{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.store-checkout .store-checkout-summary .package-discount .coupon-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);background-color:#ffc10733;color:var(--warning);padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:600}.store-checkout .store-checkout-summary .package-discount .discount-amount{color:var(--success);font-weight:600}.store-checkout .store-checkout-summary .package-discount .btn-remove-coupon{background:none;border:none;color:var(--light-gray);cursor:pointer;padding:0;transition:var(--transition-base)}.store-checkout .store-checkout-summary .package-discount .btn-remove-coupon:hover{color:var(--danger)}.store-checkout .store-checkout-summary .coupon-form{margin:var(--spacing-sm) 0}.store-checkout .store-checkout-summary .coupon-form .coupon-input-group{display:flex;gap:var(--spacing-xs)}.store-checkout .store-checkout-summary .coupon-form .coupon-input{flex-grow:1;background:var(--dark-gray);border:1px solid var(--dark-gray-lighter);color:var(--white);padding:.5rem var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.9rem}.store-checkout .store-checkout-summary .coupon-form .coupon-input:focus{outline:none;border-color:var(--primary-color)}.store-checkout .store-checkout-summary .coupon-form .coupon-input::placeholder{color:var(--light-gray)}.store-checkout .store-checkout-summary .coupon-form .btn-apply-coupon{background:var(--dark-gray);border:1px solid var(--dark-gray-lighter);color:var(--white);padding:.5rem var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.9rem;cursor:pointer;transition:var(--transition-base)}.store-checkout .store-checkout-summary .coupon-form .btn-apply-coupon:hover{background:var(--dark-gray-lightest)}.store-checkout .store-checkout-summary .coupon-form .coupon-message{margin-top:var(--spacing-xs);font-size:.85rem;display:none}.store-checkout .store-checkout-summary .coupon-form .coupon-message.success{color:var(--success)}.store-checkout .store-checkout-summary .coupon-form .coupon-message.error{color:var(--danger)}.store-checkout .store-checkout-summary .package-description{color:var(--light-gray);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.05);font-size:.9rem}.store-checkout .store-checkout-features{margin-bottom:var(--spacing-lg)}.store-checkout .store-checkout-features h3{color:var(--white);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.store-checkout .store-checkout-features ul{list-style:none;padding:0;margin:0}.store-checkout .store-checkout-features ul li{display:flex;align-items:flex-start;margin-bottom:var(--spacing-xs);color:var(--light-gray);font-size:.9rem}.store-checkout .store-checkout-features ul li .check-icon{color:var(--success);margin-right:var(--spacing-sm);flex-shrink:0}.store-checkout .store-checkout-user{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--dark-gray-lightest);border-radius:var(--border-radius-sm)}.store-checkout .store-checkout-user h3{color:var(--white);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.store-checkout .store-checkout-user .user-info p{color:var(--light-gray);margin-bottom:var(--spacing-xs);font-size:.9rem}.store-checkout .store-checkout-user .user-info p:last-child{margin-bottom:0}.store-checkout .store-checkout-user .user-info p strong{color:var(--white)}.store-checkout .store-checkout-payment{margin-bottom:var(--spacing-lg)}.store-checkout .store-checkout-payment h3{color:var(--white);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.store-checkout .store-checkout-payment .payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media (max-width: var(--breakpoint-sm)){.store-checkout .store-checkout-payment .payment-methods{grid-template-columns:1fr}}.store-checkout .store-checkout-payment .payment-methods .payment-method-card{background:var(--dark-gray-lightest);border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,.05);padding:var(--spacing-sm);transition:var(--transition-base);cursor:pointer}.store-checkout .store-checkout-payment .payment-methods .payment-method-card:hover{border-color:var(--primary-color)}.store-checkout .store-checkout-payment .payment-methods .payment-method-card.selected{border-color:var(--primary-color);background:#4b8bff1a}.store-checkout .store-checkout-payment .payment-methods .payment-method-card input[type=radio]{display:none}.store-checkout .store-checkout-payment .payment-methods .payment-method-card .payment-method-label{cursor:pointer;display:block;width:100%}.store-checkout .store-checkout-payment .payment-methods .payment-method-card .payment-method-label .payment-method-content{display:flex;align-items:center;gap:var(--spacing-md)}.store-checkout .store-checkout-payment .payment-methods .payment-method-card .payment-method-label .payment-method-content .payment-icon{color:var(--white);opacity:.7}.store-checkout .store-checkout-payment .payment-methods .payment-method-card .payment-method-label .payment-method-content .payment-method-info h4{color:var(--white);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.store-checkout .store-checkout-payment .payment-methods .payment-method-card .payment-method-label .payment-method-content .payment-method-info p{color:var(--light-gray);font-size:.8rem;margin:0}.store-checkout .store-checkout-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.store-checkout .store-checkout-actions .btn{padding:.75rem 1rem;font-weight:600;border-radius:var(--border-radius-sm);text-align:center;text-decoration:none;transition:var(--transition-base);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.store-checkout .store-checkout-actions .btn-primary{background:var(--primary-color);color:var(--white)}.store-checkout .store-checkout-actions .btn-primary:hover{background:var(--primary-dark)}.store-checkout .store-checkout-actions .btn-paypal{background:#003087;color:var(--white)}.store-checkout .store-checkout-actions .btn-paypal:hover{filter:brightness(90%)}.store-checkout .store-checkout-actions .btn-cancel{background:transparent;color:var(--light-gray);border:1px solid var(--dark-gray-lightest)}.store-checkout .store-checkout-actions .btn-cancel:hover{background:#ffffff0d}.store-checkout .store-checkout-notice{margin-top:var(--spacing-lg);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.05)}.store-checkout .store-checkout-notice p{color:var(--light-gray);font-size:.85rem;margin-bottom:var(--spacing-xs)}.store-checkout .store-checkout-notice p:last-child{margin-bottom:0}.store-result{max-width:600px;margin:0 auto;padding:var(--spacing-xl);background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);text-align:center;box-shadow:var(--box-shadow-md)}.store-result .icon svg{width:80px;height:80px}.store-result h2{color:var(--white);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md)}.store-result p{color:var(--light-gray);margin-bottom:var(--spacing-lg);font-size:1rem}.store-result .options,.store-result .next-steps{margin-top:var(--spacing-lg)}.store-result .options p,.store-result .next-steps p{color:var(--light-gray);margin-bottom:var(--spacing-md)}.store-result .buttons{display:flex;gap:var(--spacing-md);justify-content:center}@media (max-width: var(--breakpoint-sm)){.store-result .buttons{flex-direction:column}}.store-result .buttons .btn{display:inline-block;padding:.75rem 1.5rem;min-width:120px;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius-sm);font-weight:600;text-decoration:none;transition:var(--transition-base)}.store-result .buttons .btn:hover{background:var(--primary-dark)}.store-result .buttons .btn-secondary{background:var(--dark-gray-lightest)}.store-result .buttons .btn-secondary:hover{background:var(--dark-gray)}.transaction-details{background:var(--dark-gray-lightest);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:left}.success-page .success-animation{margin-bottom:var(--spacing-lg)}.success-page .success-animation .checkmark-container{display:inline-flex;width:80px;height:80px;border-radius:50%;background:#4cd9641a;align-items:center;justify-content:center}.success-page .success-animation .checkmark-container .checkmark-check{color:var(--success);font-size:2.5rem}.success-page .success-animation .checkmark-container.animate{animation:scaleIn .5s cubic-bezier(.25,.46,.45,.94) forwards}.success-page .success-content{opacity:0;transform:translateY(20px)}.success-page .success-content.fade-in{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) forwards}.success-page .success-title{color:var(--white);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm)}.success-page .success-subtitle{color:var(--light-gray);margin-bottom:var(--spacing-lg)}.success-page .purchase-summary{background:var(--dark-gray-lightest);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:left}.success-page .purchase-summary .summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.05)}.success-page .purchase-summary .summary-header h3{color:var(--white);font-size:1.2rem;font-weight:600;margin:0}.success-page .purchase-summary .summary-header .status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600}.success-page .purchase-summary .summary-header .status-badge.success{background:#4cd96433;color:var(--success)}.success-page .purchase-summary .summary-content .package-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05)}.success-page .purchase-summary .summary-content .package-info .package-icon{width:40px;height:40px;border-radius:var(--border-radius-sm);background:var(--dark-gray);display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.success-page .purchase-summary .summary-content .package-info .package-details h4{color:var(--white);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.success-page .purchase-summary .summary-content .package-info .package-details p{color:var(--light-gray);font-size:.9rem;margin:0}.success-page .purchase-summary .summary-content .transaction-grid{display:grid;gap:var(--spacing-sm)}.success-page .purchase-summary .summary-content .transaction-grid .transaction-item{display:flex;justify-content:space-between;align-items:center}.success-page .purchase-summary .summary-content .transaction-grid .transaction-item .label{font-size:.9rem;color:var(--light-gray)}.success-page .purchase-summary .summary-content .transaction-grid .transaction-item .value{font-size:.9rem;color:var(--white);display:flex;align-items:center;gap:var(--spacing-xs)}.success-page .purchase-summary .summary-content .transaction-grid .transaction-item .value.amount{color:var(--primary-color);font-weight:700;font-size:1.1rem}.success-page .purchase-summary .summary-content .transaction-grid .transaction-item .value.savings{color:var(--success)}.success-page .purchase-summary .summary-content .transaction-grid .transaction-item .value.original{text-decoration:line-through;color:var(--light-gray)}.success-page .purchase-summary .summary-content .transaction-grid .transaction-item .copy-btn{background:none;border:none;color:var(--light-gray);cursor:pointer;padding:0;transition:var(--transition-base)}.success-page .purchase-summary .summary-content .transaction-grid .transaction-item .copy-btn:hover{color:var(--white)}.success-page .purchase-summary .summary-content .transaction-grid .transaction-item.total{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.05)}.success-page .purchase-summary .summary-content .transaction-grid .transaction-item.total .label{font-weight:600;font-size:1rem}.success-page .next-steps{margin-bottom:var(--spacing-xl)}.success-page .next-steps .steps-header{margin-bottom:var(--spacing-md)}.success-page .next-steps .steps-header h3{color:var(--white);font-size:1.3rem;font-weight:600}.success-page .next-steps .steps-list{display:grid;gap:var(--spacing-md)}@media (min-width: var(--breakpoint-md)){.success-page .next-steps .steps-list{grid-template-columns:repeat(3,1fr)}}.success-page .next-steps .steps-list .step{background:var(--dark-gray-lightest);border-radius:var(--border-radius-sm);padding:var(--spacing-md)}.success-page .next-steps .steps-list .step .step-icon{margin-bottom:var(--spacing-sm);color:var(--primary-color)}.success-page .next-steps .steps-list .step .step-content h4{color:var(--white);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.success-page .next-steps .steps-list .step .step-content p{color:var(--light-gray);font-size:.9rem;margin:0}.success-page .action-buttons{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (max-width: var(--breakpoint-sm)){.success-page .action-buttons{flex-direction:column}}.success-page .action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.75rem 1.5rem;border-radius:var(--border-radius-sm);font-weight:600;text-decoration:none;transition:var(--transition-base)}.success-page .action-buttons .btn.btn-primary{background:var(--primary-color);color:var(--white)}.success-page .action-buttons .btn.btn-primary:hover{background:var(--primary-dark)}.success-page .action-buttons .btn.btn-secondary{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.success-page .action-buttons .btn.btn-secondary:hover{background:#4b8bff1a}.success-page .help-section .help-text{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);color:var(--light-gray);font-size:.9rem}.success-page .help-section .help-text svg{color:var(--primary-color)}.purchase-history{padding-bottom:var(--spacing-xl)}.purchase-history .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05)}@media (max-width: var(--breakpoint-md)){.purchase-history .page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.purchase-history .page-header .header-content h1{color:var(--white);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.purchase-history .page-header .header-content p{color:var(--light-gray);font-size:.9rem}.purchase-history .page-header .header-actions .btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.purchase-history .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (max-width: var(--breakpoint-lg)){.purchase-history .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: var(--breakpoint-sm)){.purchase-history .stats-grid{grid-template-columns:1fr}}.purchase-history .stats-grid .stat-card{background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);border:1px solid rgba(255,255,255,.05);transition:var(--transition-base)}.purchase-history .stats-grid .stat-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-md);border-color:var(--primary-color)}.purchase-history .stats-grid .stat-card .stat-icon{width:40px;height:40px;border-radius:var(--border-radius-sm);background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--white)}.purchase-history .stats-grid .stat-card .stat-icon.money{background:var(--success)}.purchase-history .stats-grid .stat-card .stat-icon.pending{background:var(--warning)}.purchase-history .stats-grid .stat-card .stat-icon.favorite{background:#e91e63}.purchase-history .stats-grid .stat-card .stat-content h3{color:var(--white);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.purchase-history .stats-grid .stat-card .stat-content p{color:var(--light-gray);margin:0;font-size:.9rem}.purchase-history .filters-section{background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid rgba(255,255,255,.05)}.purchase-history .filters-section .filters-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}@media (max-width: var(--breakpoint-md)){.purchase-history .filters-section .filters-form{grid-template-columns:1fr}}.purchase-history .filters-section .filters-form .filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.purchase-history .filters-section .filters-form .filter-group label{color:var(--white);font-size:.9rem;font-weight:600}.purchase-history .filters-section .filters-form .filter-group .search-input{position:relative}.purchase-history .filters-section .filters-form .filter-group .search-input svg{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--light-gray)}.purchase-history .filters-section .filters-form .filter-group .search-input input{width:100%;background:var(--dark-gray);border:1px solid var(--dark-gray-lightest);border-radius:var(--border-radius-sm);padding:.5rem 1rem .5rem 2.5rem;color:var(--white);font-size:.9rem}.purchase-history .filters-section .filters-form .filter-group .search-input input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4b8bff33}.purchase-history .filters-section .filters-form .filter-group .search-input input::placeholder{color:var(--light-gray)}.purchase-history .filters-section .filters-form .filter-group select{background:var(--dark-gray);border:1px solid var(--dark-gray-lightest);border-radius:var(--border-radius-sm);padding:.5rem var(--spacing-sm);color:var(--white);font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239A9A9A' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:2rem}.purchase-history .filters-section .filters-form .filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4b8bff33}.purchase-history .filters-section .filters-form .filter-actions{display:flex;gap:var(--spacing-sm);align-items:flex-end}.purchase-history .filters-section .filters-form .filter-actions .btn-filter{background:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius-sm);padding:.5rem 1rem;font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:var(--transition-base)}.purchase-history .filters-section .filters-form .filter-actions .btn-filter:hover{background:var(--primary-dark)}.purchase-history .filters-section .filters-form .filter-actions .btn-clear{background:transparent;color:var(--light-gray);border:1px solid var(--dark-gray-lightest);border-radius:var(--border-radius-sm);padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:var(--transition-base)}.purchase-history .filters-section .filters-form .filter-actions .btn-clear:hover{background:#ffffff0d;color:var(--white)}.purchase-history .transactions-section .transactions-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.purchase-history .transactions-section .transactions-list .transaction-card{background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-md);border:1px solid rgba(255,255,255,.05);transition:var(--transition-base)}.purchase-history .transactions-section .transactions-list .transaction-card:hover{box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.purchase-history .transactions-section .transactions-list .transaction-card[data-status=completed]{border-left:3px solid var(--success)}.purchase-history .transactions-section .transactions-list .transaction-card[data-status=pending]{border-left:3px solid var(--warning)}.purchase-history .transactions-section .transactions-list .transaction-card[data-status=cancelled],.purchase-history .transactions-section .transactions-list .transaction-card[data-status=failed]{border-left:3px solid var(--danger)}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.05)}@media (max-width: var(--breakpoint-sm)){.purchase-history .transactions-section .transactions-list .transaction-card .transaction-header{flex-direction:column;gap:var(--spacing-sm)}}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-header .package-info{display:flex;align-items:center;gap:var(--spacing-md)}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-header .package-info .package-icon{width:40px;height:40px;background:var(--dark-gray);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-header .package-info .package-details h4{color:var(--white);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-header .package-info .package-details p{color:var(--light-gray);font-size:.9rem;margin:0}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-header .transaction-status .status-badge{display:inline-block;padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-header .transaction-status .status-badge.completed{background:#4cd9641a;color:var(--success);border:1px solid rgba(76,217,100,.2)}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-header .transaction-status .status-badge.pending{background:#ffc1071a;color:var(--warning);border:1px solid rgba(255,193,7,.2)}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-header .transaction-status .status-badge.cancelled,.purchase-history .transactions-section .transactions-list .transaction-card .transaction-header .transaction-status .status-badge.failed{background:#ff3b301a;color:var(--danger);border:1px solid rgba(255,59,48,.2)}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-details .detail-item{display:flex;flex-direction:column;gap:.25rem}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-details .detail-item .label{color:var(--light-gray);font-size:.85rem}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-details .detail-item .value{color:var(--white);font-size:.9rem;font-weight:500}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-details .detail-item .value.amount{color:var(--primary-color);font-weight:700}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-details .detail-item .value.transaction-id{font-family:monospace;font-size:.85rem}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}@media (max-width: var(--breakpoint-sm)){.purchase-history .transactions-section .transactions-list .transaction-card .transaction-actions{flex-direction:column}}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.5rem 1rem;border-radius:var(--border-radius-sm);font-weight:600;font-size:.9rem;text-decoration:none;transition:var(--transition-base);cursor:pointer;border:none}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-actions .btn.btn-view{background:var(--primary-color);color:var(--white)}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-actions .btn.btn-view:hover{background:var(--primary-dark)}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-actions .btn.btn-download{background:transparent;color:var(--white);border:1px solid var(--primary-color)}.purchase-history .transactions-section .transactions-list .transaction-card .transaction-actions .btn.btn-download:hover{background:#4b8bff1a}.purchase-history .transactions-section .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;background:var(--dark-gray-lighter);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-md)}.purchase-history .transactions-section .empty-state .empty-icon{margin-bottom:var(--spacing-lg);opacity:.5;color:var(--light-gray)}.purchase-history .transactions-section .empty-state h3{color:var(--white);font-size:1.5rem;margin-bottom:var(--spacing-md)}.purchase-history .transactions-section .empty-state p{color:var(--light-gray);margin-bottom:var(--spacing-lg)}.purchase-history .transactions-section .empty-state .btn-primary{background:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius-sm);padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:var(--transition-base)}.purchase-history .transactions-section .empty-state .btn-primary:hover{background:var(--primary-dark)}.purchase-history .pagination-wrapper{margin-top:var(--spacing-lg);display:flex;justify-content:center}.purchase-history .pagination-wrapper .pagination{display:flex;list-style:none;padding:0;margin:0;gap:.25rem}.purchase-history .pagination-wrapper .pagination .page-item .page-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--dark-gray-lighter);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-sm);color:var(--light-gray);text-decoration:none;transition:var(--transition-base)}.purchase-history .pagination-wrapper .pagination .page-item .page-link:hover{background:var(--dark-gray-lightest);color:var(--white)}.purchase-history .pagination-wrapper .pagination .page-item.active .page-link{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.purchase-history .pagination-wrapper .pagination .page-item.disabled .page-link{opacity:.5;cursor:not-allowed}.purchase-history .pagination-wrapper .pagination .page-item.disabled .page-link:hover{background:var(--dark-gray-lighter);color:var(--light-gray)}.purchase-detail{padding-bottom:var(--spacing-xl)}.purchase-detail .back-navigation{margin-bottom:var(--spacing-md)}.purchase-detail .back-navigation .back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--light-gray);text-decoration:none;transition:var(--transition-base)}.purchase-detail .back-navigation .back-btn:hover{color:var(--white)}.purchase-detail .transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05)}@media (max-width: var(--breakpoint-md)){.purchase-detail .transaction-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.purchase-detail .transaction-header .transaction-title h1{color:var(--white);font-size:2rem;font-weight:700;margin-bottom:.5rem}.purchase-detail .transaction-header .transaction-title .transaction-meta{display:flex;align-items:center;gap:var(--spacing-md);color:var(--light-gray);font-size:.9rem}.purchase-detail .transaction-header .transaction-title .transaction-meta .status-badge{display:inline-block;padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.purchase-detail .transaction-header .transaction-title .transaction-meta .status-badge.completed{background:#4cd9641a;color:var(--success);border:1px solid rgba(76,217,100,.2)}.purchase-detail .transaction-header .transaction-title .transaction-meta .status-badge.pending{background:#ffc1071a;color:var(--warning);border:1px solid rgba(255,193,7,.2)}.purchase-detail .transaction-header .transaction-title .transaction-meta .status-badge.cancelled,.purchase-detail .transaction-header .transaction-title .transaction-meta .status-badge.failed{background:#ff3b301a;color:var(--danger);border:1px solid rgba(255,59,48,.2)}.purchase-detail .transaction-header .transaction-actions{display:flex;gap:var(--spacing-sm)}@media (max-width: var(--breakpoint-sm)){.purchase-detail .transaction-header .transaction-actions{flex-direction:column;width:100%}}.purchase-detail .transaction-header .transaction-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.75rem 1rem;border-radius:var(--border-radius-sm);font-weight:600;text-decoration:none;transition:var(--transition-base);cursor:pointer;border:none}.purchase-detail .transaction-header .transaction-actions .btn.btn-secondary{background:transparent;color:var(--white);border:1px solid var(--light-gray)}.purchase-detail .transaction-header .transaction-actions .btn.btn-secondary:hover{border-color:var(--white);background:#ffffff0d}.purchase-detail .transaction-header .transaction-actions .btn.btn-primary{background:var(--primary-color);color:var(--white)}.purchase-detail .transaction-header .transaction-actions .btn.btn-primary:hover{background:var(--primary-dark)}.purchase-detail .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: var(--breakpoint-lg)){.purchase-detail .detail-grid{grid-template-columns:1fr}}.purchase-detail .detail-grid .package-card{grid-column:1;grid-row:span 2}@media (max-width: var(--breakpoint-lg)){.purchase-detail .detail-grid .package-card{grid-column:auto;grid-row:auto}}.purchase-detail .detail-grid .detail-card{background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.05)}.purchase-detail .detail-grid .detail-card .card-header{background:var(--dark-gray-lightest);padding:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.05)}.purchase-detail .detail-grid .detail-card .card-header h3{color:var(--white);font-size:1.2rem;font-weight:600;margin:0}.purchase-detail .detail-grid .detail-card .card-content{padding:var(--spacing-md)}.purchase-detail .detail-grid .detail-card.package-card .package-overview{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.purchase-detail .detail-grid .detail-card.package-card .package-overview .package-icon{width:50px;height:50px;background:var(--dark-gray);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.purchase-detail .detail-grid .detail-card.package-card .package-overview .package-info h4{color:var(--white);font-size:1.3rem;font-weight:600;margin:0 0 .25rem}.purchase-detail .detail-grid .detail-card.package-card .package-overview .package-info .package-type{display:inline-block;background:#4b8bff1a;color:var(--primary-color);padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.purchase-detail .detail-grid .detail-card.package-card .package-overview .package-info .package-description{color:var(--light-gray);font-size:.9rem;line-height:1.5;margin:0}.purchase-detail .detail-grid .detail-card.package-card .package-features h5{color:var(--white);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.purchase-detail .detail-grid .detail-card.package-card .package-features ul{list-style:none;padding:0;margin:0}.purchase-detail .detail-grid .detail-card.package-card .package-features ul li{display:flex;align-items:center;gap:var(--spacing-xs);padding:.5rem 0;color:var(--light-gray);font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}.purchase-detail .detail-grid .detail-card.package-card .package-features ul li:last-child{border-bottom:none}.purchase-detail .detail-grid .detail-card.package-card .package-features ul li svg{color:var(--success);flex-shrink:0}.purchase-detail .detail-grid .detail-card.transaction-card .detail-grid-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.purchase-detail .detail-grid .detail-card.transaction-card .detail-grid-items .detail-item{display:flex;flex-direction:column;gap:.25rem}.purchase-detail .detail-grid .detail-card.transaction-card .detail-grid-items .detail-item .label{color:var(--light-gray);font-size:.85rem}.purchase-detail .detail-grid .detail-card.transaction-card .detail-grid-items .detail-item .value{color:var(--white);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs)}.purchase-detail .detail-grid .detail-card.transaction-card .detail-grid-items .detail-item .value.payment-method svg{color:var(--light-gray)}.purchase-detail .detail-grid .detail-card.payment-card .payment-breakdown{margin-bottom:var(--spacing-md)}.purchase-detail .detail-grid .detail-card.payment-card .payment-breakdown .payment-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.purchase-detail .detail-grid .detail-card.payment-card .payment-breakdown .payment-item:last-child{border-bottom:none}.purchase-detail .detail-grid .detail-card.payment-card .payment-breakdown .payment-item .label{color:var(--light-gray);font-size:.9rem}.purchase-detail .detail-grid .detail-card.payment-card .payment-breakdown .payment-item .label .coupon-code{display:inline-block;background:#ffc1071a;color:var(--warning);padding:.125rem .375rem;border-radius:4px;font-size:.75rem;margin-left:.5rem}.purchase-detail .detail-grid .detail-card.payment-card .payment-breakdown .payment-item .value{color:var(--white);font-size:.9rem;font-weight:600}.purchase-detail .detail-grid .detail-card.payment-card .payment-breakdown .payment-item .value.original{text-decoration:line-through;color:var(--light-gray);font-weight:400}.purchase-detail .detail-grid .detail-card.payment-card .payment-breakdown .payment-item .value.savings{color:var(--success)}.purchase-detail .detail-grid .detail-card.payment-card .payment-breakdown .payment-item .value.amount{color:var(--primary-color);font-size:1.1rem;font-weight:700}.purchase-detail .detail-grid .detail-card.payment-card .payment-breakdown .payment-item.total{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.1);border-bottom:none}.purchase-detail .detail-grid .detail-card.payment-card .payment-breakdown .payment-item.total .label{font-weight:600;color:var(--white)}.purchase-detail .detail-grid .detail-card.payment-card .savings-highlight{display:flex;align-items:center;gap:var(--spacing-xs);background:#4cd9641a;color:var(--success);padding:.5rem var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:600}.purchase-detail .additional-actions{background:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.05)}.purchase-detail .additional-actions .action-group{text-align:center}.purchase-detail .additional-actions .action-group h4{color:var(--white);font-size:1.2rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.purchase-detail .additional-actions .action-group p{color:var(--light-gray);margin-bottom:var(--spacing-md);max-width:600px;margin-left:auto;margin-right:auto}.purchase-detail .additional-actions .action-group .action-buttons{display:flex;justify-content:center;gap:var(--spacing-md)}@media (max-width: var(--breakpoint-sm)){.purchase-detail .additional-actions .action-group .action-buttons{flex-direction:column;align-items:center}}.purchase-detail .additional-actions .action-group .action-buttons .btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--border-radius-sm);font-weight:600;text-decoration:none;transition:var(--transition-base)}.purchase-detail .additional-actions .action-group .action-buttons .btn.btn-outline{background:transparent;color:var(--white);border:1px solid var(--light-gray)}.purchase-detail .additional-actions .action-group .action-buttons .btn.btn-outline:hover{border-color:var(--white);background:#ffffff0d}.purchase-detail .additional-actions .action-group .action-buttons .btn.btn-primary{background:var(--primary-color);color:var(--white);border:none}.purchase-detail .additional-actions .action-group .action-buttons .btn.btn-primary:hover{background:var(--primary-dark)}#copy-notification{position:fixed;bottom:-50px;left:50%;transform:translate(-50%);background:var(--dark-gray-lightest);color:var(--white);display:flex;align-items:center;gap:var(--spacing-xs);padding:.5rem 1rem;border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow-md);transition:bottom .3s cubic-bezier(.25,.46,.45,.94);z-index:1000}#copy-notification svg{color:var(--success)}#copy-notification.show{bottom:20px}.copy-notification{position:fixed;bottom:-50px;left:50%;transform:translate(-50%);background:var(--dark-gray-lightest);color:var(--white);display:flex;align-items:center;gap:var(--spacing-xs);padding:.5rem 1rem;border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow-md);transition:bottom .3s cubic-bezier(.25,.46,.45,.94);z-index:1000}.copy-notification svg{color:var(--success)}.copy-notification.show{bottom:20px}@keyframes backgroundFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(2deg)}66%{transform:translate(-20px,20px) rotate(-2deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.btn:focus,.btn-view:focus,.btn-purchase:focus{outline:2px solid var(--primary-color);outline-offset:2px}input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4b8bff33}.transaction-status-container{background:var(--dark-gray);min-height:100vh;color:var(--white);font-family:var(--font-family-base);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.store-result{max-width:600px;margin:0 auto;padding:var(--spacing-xl);background-color:var(--dark-gray-lighter);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-lg);text-align:center}.store-result .icon{margin-bottom:var(--spacing-lg)}.store-result .icon svg{display:inline-block;width:80px;height:80px}.store-result .icon.success{color:var(--success)}.store-result .icon.processing{color:var(--primary-color)}.store-result .icon.cancel,.store-result .icon.error{color:var(--danger)}.store-result h2{margin-bottom:var(--spacing-md);font-size:1.75rem;font-weight:600;color:var(--white)}.store-result p{margin-bottom:var(--spacing-lg);color:var(--light-gray)}.transaction-details{background-color:var(--dark-gray-lightest);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);text-align:left}.transaction-details .transaction-item{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.transaction-details .transaction-item:last-child{margin-bottom:0}.transaction-details .transaction-item .label{font-weight:600;color:var(--light-gray)}.transaction-details .transaction-item .value{color:var(--white)}.next-steps{margin-top:var(--spacing-lg)}.next-steps p{margin-bottom:var(--spacing-md)}.next-steps .buttons{display:flex;justify-content:center;gap:var(--spacing-md)}@media (max-width: var(--breakpoint-sm)){.next-steps .buttons{flex-direction:column}}.next-steps .btn{display:inline-block;padding:.625rem 1.25rem;font-size:1rem;font-weight:500;color:var(--white);background-color:var(--primary-color);border-radius:var(--border-radius-md);border:none;cursor:pointer;text-decoration:none;transition:var(--transition-base)}.next-steps .btn:hover{background-color:var(--primary-dark)}.next-steps .btn-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.next-steps .btn-outline:hover{background-color:var(--primary-color);color:var(--white)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 2s linear infinite}.forum-container{max-width:1320px;margin:0 auto;padding:1.5rem}.forum-header{margin-bottom:2rem}.forum-header h1{font-size:2.25rem;font-weight:600;color:#fff;margin-bottom:1rem}.forum-header p{color:#9a9a9a;font-size:1.1rem}.forum-breadcrumbs{display:flex;align-items:center;margin-bottom:1.5rem}.forum-breadcrumbs a{color:#4b8bff;text-decoration:none;transition:all .3s ease}.forum-breadcrumbs a:hover{color:#cbddff}.forum-breadcrumbs .separator{margin:0 .5rem;color:#606060}.forum-breadcrumbs .current{color:#9a9a9a}.forum-category{background-color:#2a2a2a;border-radius:.5rem;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 2px 4px #0000000d}.forum-category-header{background-color:#333;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.forum-category-header h2{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.forum-category-boards .forum-board{display:flex;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.1);transition:all .3s ease}.forum-category-boards .forum-board:last-child{border-bottom:none}.forum-category-boards .forum-board:hover{background-color:#0000001a}.forum-category-boards .forum-board-icon{flex:0 0 48px;height:48px;margin-right:1rem;display:flex;align-items:center;justify-content:center}.forum-category-boards .forum-board-icon svg{color:#4b8bff;width:24px;height:24px}.forum-category-boards .forum-board-info{flex:1}.forum-category-boards .forum-board-info h3{font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.forum-category-boards .forum-board-info h3 a{color:#fff;text-decoration:none;transition:all .3s ease}.forum-category-boards .forum-board-info h3 a:hover{color:#4b8bff}.forum-category-boards .forum-board-info p{color:#9a9a9a;font-size:.9rem;margin:0}.forum-category-boards .forum-board-stats{flex:0 0 140px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.forum-category-boards .forum-board-stats .threads,.forum-category-boards .forum-board-stats .posts{display:flex;align-items:center;color:#9a9a9a;font-size:.9rem}.forum-category-boards .forum-board-stats .threads svg,.forum-category-boards .forum-board-stats .posts svg{width:16px;height:16px;margin-right:.25rem}.forum-category-boards .forum-board-stats .threads{margin-bottom:.25rem}.forum-category-boards .forum-board-latest{flex:0 0 200px;padding-left:1rem}.forum-category-boards .forum-board-latest .thread{font-size:.9rem}.forum-category-boards .forum-board-latest .thread a{color:#4b8bff;text-decoration:none}.forum-category-boards .forum-board-latest .thread a:hover{text-decoration:underline}.forum-category-boards .forum-board-latest .meta{font-size:.8rem;color:#9a9a9a;margin-top:.25rem}.forum-category-boards .forum-board-latest .meta a{color:#9a9a9a;text-decoration:none}.forum-category-boards .forum-board-latest .meta a:hover{color:#4b8bff}.forum-board-header{background-color:#2a2a2a;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.forum-board-header h1{font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 .5rem}.forum-board-header p{color:#9a9a9a;margin:0}.forum-board-header .actions{margin-top:1rem}.forum-board-header .actions .btn{background-color:#4b8bff;color:#fff;border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease}.forum-board-header .actions .btn:hover{background-color:#186aff}.forum-board-threads{background-color:#2a2a2a;border-radius:.5rem;overflow:hidden}.forum-board-threads .thread-header{background-color:#333;padding:.5rem 1.5rem;display:flex;border-bottom:1px solid rgba(0,0,0,.1)}.forum-board-threads .thread-header .title{flex:1;font-weight:600;color:#fff}.forum-board-threads .thread-header .replies,.forum-board-threads .thread-header .views{flex:0 0 100px;text-align:center;color:#fff}.forum-board-threads .thread-header .activity{flex:0 0 200px;color:#fff}.forum-board-threads .thread-item{display:flex;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.1);transition:all .3s ease}.forum-board-threads .thread-item:last-child{border-bottom:none}.forum-board-threads .thread-item:hover{background-color:#0000001a}.forum-board-threads .thread-item.pinned{background-color:#4b8bff1a}.forum-board-threads .thread-item.pinned .pin-icon{color:#4b8bff;margin-right:.25rem}.forum-board-threads .thread-item.locked .lock-icon{color:#ff3b30;margin-right:.25rem}.forum-board-threads .thread-item .thread-info{flex:1}.forum-board-threads .thread-item .thread-info h3{font-size:1.1rem;font-weight:500;margin:0 0 .25rem;display:flex;align-items:center}.forum-board-threads .thread-item .thread-info h3 a{color:#fff;text-decoration:none;transition:all .3s ease}.forum-board-threads .thread-item .thread-info h3 a:hover{color:#4b8bff}.forum-board-threads .thread-item .thread-info .meta{color:#9a9a9a;font-size:.9rem}.forum-board-threads .thread-item .thread-info .meta a{color:#9a9a9a;text-decoration:none}.forum-board-threads .thread-item .thread-info .meta a:hover{color:#4b8bff}.forum-board-threads .thread-item .thread-replies,.forum-board-threads .thread-item .thread-views{flex:0 0 100px;display:flex;align-items:center;justify-content:center;color:#9a9a9a;font-size:.9rem}.forum-board-threads .thread-item .thread-activity{flex:0 0 200px;font-size:.9rem;display:flex;flex-direction:column;justify-content:center}.forum-board-threads .thread-item .thread-activity .time{color:#9a9a9a}.forum-board-threads .thread-item .thread-activity .user{margin-top:.25rem}.forum-board-threads .thread-item .thread-activity .user a{color:#4b8bff;text-decoration:none}.forum-board-threads .thread-item .thread-activity .user a:hover{text-decoration:underline}.forum-thread-header{background-color:#2a2a2a;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;position:relative}.forum-thread-header h1{font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 .5rem}.forum-thread-header .meta{display:flex;align-items:center;color:#9a9a9a;font-size:.9rem}.forum-thread-header .meta .dot{display:inline-block;width:3px;height:3px;border-radius:50%;background-color:#9a9a9a;margin:0 .5rem}.forum-thread-header .meta a{color:#4b8bff;text-decoration:none}.forum-thread-header .meta a:hover{text-decoration:underline}.forum-thread-header .thread-moderation{position:absolute;top:1.5rem;right:1.5rem}.forum-thread-header .thread-moderation .btn{background-color:#333333b3;color:#fff;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.9rem;display:flex;align-items:center;cursor:pointer;transition:all .3s ease}.forum-thread-header .thread-moderation .btn svg{margin-right:.25rem}.forum-thread-header .thread-moderation .btn:hover{background-color:#333}.forum-thread-header .thread-moderation .btn.moderation-btn{background-color:#4b8bff1a;color:#4b8bff}.forum-thread-header .thread-moderation .btn.moderation-btn:hover{background-color:#4b8bff33}.forum-thread-header .thread-moderation .btn.edit-btn{background-color:#5ac8fa1a;color:#5ac8fa}.forum-thread-header .thread-moderation .btn.edit-btn:hover{background-color:#5ac8fa33}.forum-thread-header .thread-moderation .dropdown{position:relative;display:inline-block}.forum-thread-header .thread-moderation .dropdown-content{display:none;position:absolute;right:0;background-color:#2a2a2a;min-width:160px;box-shadow:0 4px 8px #0000001a;border-radius:.25rem;z-index:10}.forum-thread-header .thread-moderation .dropdown-content a,.forum-thread-header .thread-moderation .dropdown-content button{display:flex;align-items:center;color:#fff;padding:.5rem 1rem;text-decoration:none;font-size:.9rem;width:100%;text-align:left;background:none;border:none;cursor:pointer;transition:all .3s ease}.forum-thread-header .thread-moderation .dropdown-content a svg,.forum-thread-header .thread-moderation .dropdown-content button svg{margin-right:.5rem}.forum-thread-header .thread-moderation .dropdown-content a:hover,.forum-thread-header .thread-moderation .dropdown-content button:hover{background-color:#0000001a}.forum-thread-header .thread-moderation .dropdown-content a.edit-link,.forum-thread-header .thread-moderation .dropdown-content button.edit-link{color:#5ac8fa}.forum-thread-header .thread-moderation .dropdown-content a.lock-link,.forum-thread-header .thread-moderation .dropdown-content button.lock-link{color:#ffc107}.forum-thread-header .thread-moderation .dropdown-content a.pin-link,.forum-thread-header .thread-moderation .dropdown-content button.pin-link{color:#4b8bff}.forum-thread-header .thread-moderation .dropdown-content a.delete-link,.forum-thread-header .thread-moderation .dropdown-content button.delete-link{color:#ff3b30}.forum-thread-header .thread-moderation .dropdown:hover .dropdown-content{display:block}.forum-thread-content{background-color:#2a2a2a;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.forum-thread-content .author{display:flex;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.forum-thread-content .author .avatar{flex:0 0 60px;margin-right:1rem}.forum-thread-content .author .avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover}.forum-thread-content .author .info .name{font-size:1.1rem;font-weight:500;color:#fff;margin:0 0 .25rem}.forum-thread-content .author .info .role{display:inline-block;font-size:.8rem;background-color:#4b8bff;color:#fff;padding:.25rem .5rem;border-radius:.25rem;margin-bottom:.25rem}.forum-thread-content .author .info .joined{font-size:.9rem;color:#9a9a9a}.forum-thread-content .content{color:#fff;line-height:1.6}.forum-thread-content .content p{margin-bottom:1rem}.forum-thread-content .content img{max-width:100%;border-radius:.25rem}.forum-thread-content .content blockquote{border-left:3px solid #4B8BFF;padding-left:1rem;margin-left:0;color:#9a9a9a}.forum-thread-content .content pre{background-color:#1e1e1e;padding:1rem;border-radius:.25rem;overflow-x:auto;font-family:monospace}.forum-thread-content .reactions{display:flex;gap:.5rem;margin-top:1.5rem}.forum-thread-content .reactions .reaction{display:flex;align-items:center;background-color:#1e1e1e;border-radius:.75rem;padding:.25rem .5rem;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.forum-thread-content .reactions .reaction:hover{background-color:#333}.forum-thread-content .reactions .reaction.active{border-color:#4b8bff}.forum-thread-content .reactions .reaction .emoji{margin-right:.25rem;font-size:1.1rem}.forum-thread-content .reactions .reaction .count{font-size:.9rem;color:#9a9a9a;font-weight:500}.forum-thread-replies{margin-bottom:1.5rem}.forum-thread-replies h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.forum-thread-replies .post{background-color:#2a2a2a;border-radius:.5rem;padding:1.5rem;margin-bottom:1rem;position:relative}.forum-thread-replies .post .author{display:flex;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.forum-thread-replies .post .author .avatar{flex:0 0 50px;margin-right:1rem}.forum-thread-replies .post .author .avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}.forum-thread-replies .post .author .info{flex:1}.forum-thread-replies .post .author .info .name-time{display:flex;align-items:center;justify-content:space-between}.forum-thread-replies .post .author .info .name-time .name{font-size:1rem;font-weight:500;color:#fff}.forum-thread-replies .post .author .info .name-time .time{font-size:.9rem;color:#9a9a9a}.forum-thread-replies .post .author .info .name-time .time .edited-tag{font-size:.8rem;color:#606060;font-style:italic;margin-left:.25rem}.forum-thread-replies .post .author .info .role{display:inline-block;font-size:.8rem;background-color:#4b8bff;color:#fff;padding:.25rem .5rem;border-radius:.25rem;margin-top:.25rem}.forum-thread-replies .post .author .info .post-actions{display:flex;gap:.25rem;margin-top:.25rem}.forum-thread-replies .post .author .info .post-actions .post-action{display:flex;align-items:center;padding:.25rem .5rem;font-size:.8rem;border-radius:.25rem;text-decoration:none;transition:all .3s ease}.forum-thread-replies .post .author .info .post-actions .post-action svg{margin-right:.25rem}.forum-thread-replies .post .author .info .post-actions .post-action.edit{background-color:#5ac8fa1a;color:#5ac8fa}.forum-thread-replies .post .author .info .post-actions .post-action.edit:hover{background-color:#5ac8fa33}.forum-thread-replies .post .author .info .post-actions .post-action.delete{background-color:#ff3b301a;color:#ff3b30;border:none;cursor:pointer}.forum-thread-replies .post .author .info .post-actions .post-action.delete:hover{background-color:#ff3b3033}.forum-thread-replies .post .content{color:#fff;line-height:1.6}.forum-thread-replies .post .content p{margin-bottom:1rem}.forum-thread-replies .post .content p:last-child{margin-bottom:0}.forum-thread-replies .post .reactions{display:flex;gap:.5rem;margin-top:1.5rem}.forum-thread-replies .post .reactions .reaction{display:flex;align-items:center;background-color:#1e1e1e;border-radius:.75rem;padding:.25rem .5rem;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.forum-thread-replies .post .reactions .reaction:hover{background-color:#333}.forum-thread-replies .post .reactions .reaction.active{border-color:#4b8bff}.forum-thread-replies .post .reactions .reaction .emoji{margin-right:.25rem;font-size:1.1rem}.forum-thread-replies .post .reactions .reaction .count{font-size:.9rem;color:#9a9a9a;font-weight:500}.forum-thread-reply-form{background-color:#2a2a2a;border-radius:.5rem;padding:1.5rem}.forum-thread-reply-form h3{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1rem}.forum-thread-reply-form .form-group{margin-bottom:1rem}.forum-thread-reply-form .form-group textarea{width:100%;background-color:#1e1e1e;border:1px solid #333333;border-radius:.25rem;padding:1rem;color:#fff;min-height:150px;resize:vertical;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;transition:all .3s ease}.forum-thread-reply-form .form-group textarea:focus{outline:none;border-color:#4b8bff;box-shadow:0 0 0 2px #4b8bff33}.forum-thread-reply-form .form-actions{display:flex;justify-content:flex-end}.forum-thread-reply-form .form-actions button{background-color:#4b8bff;color:#fff;border:none;border-radius:.25rem;padding:.5rem 1.5rem;font-weight:500;cursor:pointer;transition:all .3s ease}.forum-thread-reply-form .form-actions button:hover{background-color:#186aff}.forum-thread-reply-form .form-actions button:disabled{background-color:#606060;cursor:not-allowed}.forum .pagination{display:flex;justify-content:center;margin-top:1.5rem}.forum .pagination .page-item{margin:0 .25rem}.forum .pagination .page-item .page-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#2a2a2a;color:#9a9a9a;border-radius:.25rem;text-decoration:none;transition:all .3s ease}.forum .pagination .page-item .page-link:hover{background-color:#333}.forum .pagination .page-item.active .page-link{background-color:#4b8bff;color:#fff}.forum .pagination .page-item.disabled .page-link{opacity:.5;cursor:not-allowed;pointer-events:none}.forum-edit-thread,.forum-edit-post{background-color:#2a2a2a;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem}.forum-edit-thread h1,.forum-edit-post h1{font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 1.5rem}.forum-edit-thread .form-group,.forum-edit-post .form-group{margin-bottom:1rem}.forum-edit-thread .form-group label,.forum-edit-post .form-group label{display:block;color:#fff;font-weight:500;margin-bottom:.25rem}.forum-edit-thread .form-group input,.forum-edit-thread .form-group textarea,.forum-edit-post .form-group input,.forum-edit-post .form-group textarea{width:100%;background-color:#1e1e1e;border:1px solid #333333;border-radius:.25rem;padding:1rem;color:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:all .3s ease}.forum-edit-thread .form-group input:focus,.forum-edit-thread .form-group textarea:focus,.forum-edit-post .form-group input:focus,.forum-edit-post .form-group textarea:focus{outline:none;border-color:#4b8bff;box-shadow:0 0 0 2px #4b8bff33}.forum-edit-thread .form-group .error-message,.forum-edit-post .form-group .error-message{color:#ff3b30;font-size:.9rem;margin-top:.25rem}.forum-edit-thread .moderation-options,.forum-edit-post .moderation-options{background-color:#0000001a;border-radius:.25rem;padding:1rem;margin-bottom:1.5rem}.forum-edit-thread .moderation-options h3,.forum-edit-post .moderation-options h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.forum-edit-thread .moderation-options .form-check,.forum-edit-post .moderation-options .form-check{display:flex;align-items:center;margin-bottom:.25rem}.forum-edit-thread .moderation-options .form-check:last-child,.forum-edit-post .moderation-options .form-check:last-child{margin-bottom:0}.forum-edit-thread .moderation-options .form-check input[type=checkbox],.forum-edit-post .moderation-options .form-check input[type=checkbox]{margin-right:.5rem;flex:0 0 auto;cursor:pointer}.forum-edit-thread .moderation-options .form-check label,.forum-edit-post .moderation-options .form-check label{display:flex;align-items:center;color:#fff;cursor:pointer}.forum-edit-thread .moderation-options .form-check label svg,.forum-edit-post .moderation-options .form-check label svg{margin-right:.25rem}.forum-edit-thread .form-actions,.forum-edit-post .form-actions{display:flex;justify-content:flex-end;gap:1rem}.forum-edit-thread .form-actions .btn,.forum-edit-post .form-actions .btn{padding:.5rem 1.5rem;border-radius:.25rem;font-weight:500;cursor:pointer;transition:all .3s ease}.forum-edit-thread .form-actions .btn-secondary,.forum-edit-post .form-actions .btn-secondary{background-color:#1e1e1e;color:#fff;border:none}.forum-edit-thread .form-actions .btn-secondary:hover,.forum-edit-post .form-actions .btn-secondary:hover{background-color:#111}.forum-edit-thread .form-actions .btn-primary,.forum-edit-post .form-actions .btn-primary{background-color:#4b8bff;color:#fff;border:none}.forum-edit-thread .form-actions .btn-primary:hover,.forum-edit-post .form-actions .btn-primary:hover{background-color:#186aff}@media (max-width: 768px){.forum-board-threads .thread-header .replies,.forum-board-threads .thread-header .views{display:none}.forum-board-threads .thread-header .activity{flex:0 0 140px}.forum-board-threads .thread-item .thread-replies,.forum-board-threads .thread-item .thread-views{display:none}.forum-board-threads .thread-item .thread-activity{flex:0 0 140px}.forum-category-boards .forum-board{flex-wrap:wrap}.forum-category-boards .forum-board-stats{display:none}.forum-category-boards .forum-board-latest{flex:0 0 100%;padding-left:60px;margin-top:.5rem}.forum-thread-header .thread-moderation{position:static;margin-top:1rem;display:flex;justify-content:flex-end}}@media (max-width: 576px){.forum-category-boards .forum-board-latest,.forum-board-threads .thread-item .thread-activity,.forum-board-threads .thread-header .activity{display:none}}.forum-stats{margin-bottom:2rem}.forum-stats .row{display:flex;flex-wrap:wrap;margin:-1rem}.forum-stats .col-md-4{flex:0 0 33.333333%;padding:0 1rem}@media (max-width: 768px){.forum-stats .col-md-4{flex:0 0 100%;margin-bottom:1rem}.forum-stats .col-md-4:last-child{margin-bottom:0}}.forum-stats .stat-card{background-color:#2a2a2a;border-radius:.5rem;padding:1.5rem;text-align:center;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.forum-stats .stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.forum-stats .stat-card .stat-value{font-size:2.5rem;font-weight:700;color:#4b8bff;margin-bottom:.5rem}.forum-stats .stat-card .stat-label{color:#9a9a9a;font-size:1rem;font-weight:500}.inline-form{display:inline}.no-replies{background-color:#0000001a;padding:1rem;border-radius:.25rem;text-align:center;color:#9a9a9a;font-style:italic}.forum-thread-locked-message{background-color:#ff3b301a;padding:1rem;border-radius:.25rem;margin-top:1.5rem;text-align:center;color:#9a9a9a;border:1px solid rgba(255,59,48,.2)}.forum-thread-locked-message p{margin:0}.pinned{color:#4b8bff;font-weight:500;display:flex;align-items:center}.pinned svg{margin-right:.25rem}@media (max-width: 768px){.forum-stats .row{flex-direction:column}.forum-stats .col-md-4{width:100%}}.news-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xl);position:relative}.news-header{margin-bottom:var(--spacing-xxl);position:relative;border-left:5px solid var(--primary-color);padding-left:var(--spacing-lg)}.news-header h1{font-size:3rem;font-weight:700;color:var(--white);margin-bottom:var(--spacing-sm);letter-spacing:-.5px;position:relative;display:inline-block}.news-header h1:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.news-header p{color:var(--light-gray);font-size:1.2rem;max-width:80%}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}@media (max-width: var(--breakpoint-lg)){.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: var(--breakpoint-md)){.news-grid{grid-template-columns:1fr}}.news-card{background-color:var(--dark-gray-lighter);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-base);height:100%;display:flex;flex-direction:column;border:1px solid transparent;position:relative}.news-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--info));opacity:0;transition:var(--transition-base)}.news-card:hover{transform:translateY(-8px);box-shadow:var(--box-shadow-lg);border-color:color-mix(in srgb,var(--primary-color) 30%,transparent)}.news-card:hover:before{opacity:1}.news-card-image{width:100%;height:220px;object-fit:cover;transition:var(--transition-base)}.news-card-image-placeholder{width:100%;height:220px;background:linear-gradient(135deg,var(--dark-gray-lightest),var(--dark-gray-lighter));display:flex;align-items:center;justify-content:center;color:var(--mid-gray);transition:var(--transition-base)}.news-card:hover .news-card-image{filter:brightness(1.1)}.news-card-content{padding:var(--spacing-lg);flex-grow:1;display:flex;flex-direction:column;position:relative}.news-card-title{font-size:1.4rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--white);line-height:1.3}.news-card-title a{color:inherit;text-decoration:none;transition:var(--transition-base);background-image:linear-gradient(transparent 97%,var(--primary-color) 3%);background-repeat:no-repeat;background-size:0% 100%;transition:background-size .3s}.news-card-title a:hover{color:var(--primary-color);background-size:100% 100%}.news-card-description{color:var(--lighter-gray);margin-bottom:var(--spacing-lg);line-height:var(--line-height-base);flex-grow:1;font-size:1rem}.news-card-meta{display:flex;justify-content:space-between;color:var(--light-gray);font-size:.875rem;border-top:1px solid color-mix(in srgb,var(--primary-color) 10%,transparent);padding-top:var(--spacing-md)}.news-card-meta span{display:flex;align-items:center}.news-card-meta span i,.news-card-meta span svg{margin-right:var(--spacing-xs);color:var(--primary-color)}.news-article{background-color:var(--dark-gray-lighter);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--box-shadow-md);border:1px solid color-mix(in srgb,var(--primary-color) 10%,transparent);position:relative}.news-article:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--info))}.news-article-header{padding:var(--spacing-xl);border-bottom:1px solid color-mix(in srgb,var(--primary-color) 15%,transparent);background-color:color-mix(in srgb,var(--dark-gray-lightest) 50%,transparent)}.news-article-title{font-size:2.8rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--white);line-height:1.2;letter-spacing:-.5px}.news-article-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);color:var(--light-gray);font-size:1rem;padding-bottom:var(--spacing-sm)}.news-article-meta span{display:flex;align-items:center;background-color:color-mix(in srgb,var(--dark-gray-lighter) 50%,transparent);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-lg);border:1px solid color-mix(in srgb,var(--primary-color) 10%,transparent)}.news-article-meta span i,.news-article-meta span svg{margin-right:var(--spacing-xs);color:var(--primary-color)}.news-article-image{width:100%;height:auto;max-height:500px;object-fit:cover;border-bottom:4px solid color-mix(in srgb,var(--primary-color) 20%,transparent)}.news-article-content{padding:var(--spacing-xl);color:var(--lighter-gray);line-height:1.9;font-size:1.05rem}.news-article-content p{margin-bottom:var(--spacing-lg)}.news-article-content h2{color:var(--white);font-size:1.85rem;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid color-mix(in srgb,var(--primary-color) 20%,transparent)}.news-article-content h3{color:var(--white);font-size:1.55rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);position:relative;padding-left:var(--spacing-md)}.news-article-content h3:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.news-article-content ul,.news-article-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.news-article-content li{margin-bottom:var(--spacing-sm)}.news-article-content a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition-base)}.news-article-content a:hover{background-color:color-mix(in srgb,var(--primary-color) 10%,transparent)}.news-article-content blockquote{border-left:4px solid var(--primary-color);padding:var(--spacing-lg) var(--spacing-xl);margin:var(--spacing-xl) 0;background-color:color-mix(in srgb,var(--dark-gray-lightest) 50%,transparent);font-style:italic;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;position:relative}.news-article-content blockquote:before{content:'"';position:absolute;top:10px;left:14px;font-size:2.5rem;color:color-mix(in srgb,var(--primary-color) 30%,transparent);font-family:Georgia,serif}.news-article-content pre,.news-article-content code{background-color:var(--dark-gray-lightest);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-family:monospace;border:1px solid color-mix(in srgb,var(--primary-color) 10%,transparent)}.news-article-content pre{padding:var(--spacing-md);margin:var(--spacing-lg) 0;overflow-x:auto}.news-related{margin-top:var(--spacing-xxl);padding-top:var(--spacing-xl);border-top:1px solid color-mix(in srgb,var(--primary-color) 15%,transparent);position:relative}.news-related:before{content:"";position:absolute;top:-1px;left:0;width:100px;height:3px;background-color:var(--primary-color)}.news-related-title{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--white);position:relative;display:inline-block;padding-bottom:var(--spacing-xs)}.news-related-title:after{content:"";position:absolute;bottom:0;left:0;width:50%;height:3px;background-color:var(--primary-color);border-radius:var(--border-radius-sm)}.news-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}@media (max-width: var(--breakpoint-md)){.news-related-grid{grid-template-columns:1fr}}.news-pagination{display:flex;justify-content:center;margin-top:var(--spacing-xxl)}.news-pagination .pagination{display:flex;list-style:none;padding:0;margin:0}.news-pagination .pagination li{margin:0 var(--spacing-xs)}.news-pagination .pagination li a,.news-pagination .pagination li span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-md);background-color:var(--dark-gray-lighter);color:var(--white);text-decoration:none;transition:var(--transition-base);border:1px solid transparent}.news-pagination .pagination li.active span{background-color:var(--primary-color);box-shadow:0 0 10px color-mix(in srgb,var(--primary-color) 50%,transparent)}.news-pagination .pagination li a:hover{background-color:var(--dark-gray-lightest);border-color:color-mix(in srgb,var(--primary-color) 30%,transparent);transform:translateY(-2px)}.news-pagination .pagination li.disabled span{color:var(--mid-gray);cursor:not-allowed}.news-back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;color:var(--white);cursor:pointer;box-shadow:0 4px 12px color-mix(in srgb,var(--black) 25%,transparent);transition:var(--transition-base);opacity:0;transform:translateY(20px);z-index:100}.news-back-to-top.visible{opacity:1;transform:translateY(0)}.news-back-to-top:hover{background-color:var(--primary-dark);transform:translateY(-5px)}.news-back-to-top svg{width:20px;height:20px}.hover-shadow{transition:var(--transition-base)}.hover-shadow:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--black) 20%,transparent)}.btn-primary{position:relative;overflow:hidden;transition:all .4s ease;z-index:1}.btn-primary:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:color-mix(in srgb,var(--white) 10%,transparent);transition:all .4s cubic-bezier(.42,0,.58,1);z-index:-1}.btn-primary:hover:before{width:100%}.users-container{padding:var(--spacing-lg) 0}.users-header{margin-bottom:var(--spacing-lg)}.users-header h1{margin-bottom:var(--spacing-xs)}.users-header p{color:var(--light-gray)}.user-search{margin-bottom:var(--spacing-lg)}.user-search .search-form{display:flex;align-items:center;max-width:600px}.user-search .search-input{background-color:var(--dark-gray-lighter);border:1px solid var(--dark-gray-lightest);color:var(--white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);flex-grow:1;transition:var(--transition-base)}.user-search .search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 25%,transparent);outline:none}.user-search .search-input::placeholder{color:var(--light-gray)}.user-search .search-button{background-color:var(--primary-color);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;cursor:pointer;transition:var(--transition-base)}.user-search .search-button:hover{background-color:var(--primary-dark)}.user-filters{background-color:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.user-filters .filter-title{font-weight:600;margin-bottom:var(--spacing-sm);color:var(--white)}.user-filters .role-options{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.user-filters .role-options .role-option{position:relative;margin-bottom:0}.user-filters .role-options .role-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.user-filters .role-options .role-option input[type=radio]:checked+.role-label{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.user-filters .role-options .role-option input[type=radio]:focus+.role-label{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 25%,transparent)}.user-filters .role-options .role-option .role-label{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--dark-gray-lightest);border:1px solid var(--dark-gray-lightest);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-base);font-size:.875rem}.user-filters .role-options .role-option .role-label:hover{background-color:color-mix(in srgb,var(--primary-color) 10%,transparent);border-color:color-mix(in srgb,var(--primary-color) 30%,transparent)}.users-list{margin-top:var(--spacing-lg)}.users-list .user-card{background-color:var(--dark-gray-lighter);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex;align-items:center;transition:var(--transition-base);position:relative;overflow:hidden}.users-list .user-card.has-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,color-mix(in srgb,black 10%,transparent) 0%,var(--dark-gray-lighter) 100%);z-index:1}.users-list .user-card .user-banner{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:0}.users-list .user-card:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-md)}.users-list .user-card .user-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:var(--spacing-md);background-color:var(--dark-gray-lightest);position:relative;z-index:2}.users-list .user-card .user-avatar img{width:100%;height:100%;object-fit:cover}.users-list .user-card .user-info{flex:1;position:relative;z-index:2}.users-list .user-card .user-info .user-header{display:flex;align-items:center;margin-bottom:var(--spacing-xs);flex-wrap:wrap;gap:var(--spacing-xs)}.users-list .user-card .user-info .user-name{font-size:1.125rem;font-weight:600;margin-bottom:0;margin-right:var(--spacing-sm);color:var(--white)}.users-list .user-card .user-info .user-role-tag{display:flex;align-items:center}.users-list .user-card .user-info .role-badge{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:12px;background-color:var(--primary-color);color:var(--white)}.users-list .user-card .user-info .user-meta{color:var(--light-gray);font-size:.875rem;position:relative;z-index:2}.users-list .user-card .user-info .user-meta span{margin-right:var(--spacing-md)}.users-list .user-card .user-info .user-meta span i{margin-right:var(--spacing-xs)}.users-list .user-card .user-info .user-meta .steam-id{color:var(--light-gray)}.users-list .user-card .user-actions{display:flex;position:relative;z-index:2}.users-list .user-card .user-actions .btn-view{background-color:transparent;color:var(--light-gray);border:none;padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-base);display:inline-flex;align-items:center}.users-list .user-card .user-actions .btn-view i{margin-right:var(--spacing-xs)}.users-list .user-card .user-actions .btn-view:hover{color:var(--white)}.user-pagination{margin-top:var(--spacing-xl)}.user-pagination .pagination{display:flex;list-style:none;justify-content:center}.user-pagination .pagination li{margin:0 var(--spacing-xs)}.user-pagination .pagination li a,.user-pagination .pagination li span{display:block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);background-color:var(--dark-gray-lighter);color:var(--light-gray);text-decoration:none;transition:var(--transition-base)}.user-pagination .pagination li a:hover{background-color:var(--dark-gray-lightest);color:var(--white)}.user-pagination .pagination li.active a,.user-pagination .pagination li.active span{background-color:var(--primary-color);color:var(--white)}.user-pagination .pagination li.disabled span{opacity:.5;cursor:not-allowed}.users-empty-state{text-align:center;padding:var(--spacing-xl) 0}.users-empty-state .empty-icon{font-size:3rem;color:var(--light-gray);margin-bottom:var(--spacing-md)}.users-empty-state .empty-text{color:var(--light-gray);font-size:1.25rem;margin-bottom:var(--spacing-md)}.users-empty-state .btn-add-user{background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);font-weight:500;transition:var(--transition-base)}.users-empty-state .btn-add-user:hover{background-color:var(--primary-dark)}@media (max-width: var(--breakpoint-md)){.user-card{flex-direction:column;align-items:flex-start}.user-card .user-avatar{margin-right:0;margin-bottom:var(--spacing-sm)}.user-card .user-info .user-header{width:100%;justify-content:space-between}.user-card .user-info .user-header .user-role-tag{margin-top:0}.user-card .user-actions{margin-top:var(--spacing-sm);width:100%;justify-content:flex-end}.user-search .search-form{flex-direction:column}.user-search .search-form .search-input{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);width:100%}.user-search .search-form .search-button{border-radius:var(--border-radius-md);width:100%}}.header-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem;color:var(--light-gray);transition:var(--transition-fast);cursor:pointer;border-radius:var(--border-radius-md)}.header-notification-bell:hover{color:var(--white);background-color:#ffffff1a}.header-notification-bell svg{width:24px;height:24px}.header-notification-bell .header-notification-badge{position:absolute;top:-2px;right:-2px;background:linear-gradient(135deg,var(--danger),#ff6b6b);color:var(--white);font-size:11px;font-weight:600;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--dark-gray);box-shadow:var(--box-shadow-sm);animation:headerBadgePulse 2s infinite}.header-notification-bell .header-notification-badge.is-hidden{display:none}.header-notification-bell.has-new-notification{animation:headerBellShake .5s ease-in-out}@keyframes headerBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes headerBellShake{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.header-notification-dropdown{position:absolute;top:100%;right:0;width:380px;max-width:90vw;background:var(--dark-gray-lighter);border:1px solid var(--dark-gray-lightest);border-radius:var(--border-radius-lg);box-shadow:0 10px 30px #0000004d;z-index:1000;margin-top:.5rem;overflow:hidden;transform:translateY(-10px);opacity:0;pointer-events:none;transition:all .2s ease}.header-notification-dropdown.is-visible{transform:translateY(0);opacity:1;pointer-events:all}.header-notification-dropdown:before{content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:var(--dark-gray-lighter);border:1px solid var(--dark-gray-lightest);border-bottom:none;border-right:none;transform:rotate(45deg)}.header-notification-dropdown .header-notification-header{padding:1rem;border-bottom:1px solid var(--dark-gray-lightest);display:flex;justify-content:space-between;align-items:center}.header-notification-dropdown .header-notification-header h3{font-size:16px;font-weight:600;color:var(--white);margin:0}.header-notification-dropdown .header-notification-header .header-mark-all-read{font-size:12px;color:var(--primary-color);text-decoration:none;transition:var(--transition-fast)}.header-notification-dropdown .header-notification-header .header-mark-all-read:hover{color:var(--primary-light);text-decoration:underline}.header-notification-dropdown .header-notification-list{max-height:400px;overflow-y:auto}.header-notification-dropdown .header-notification-list::-webkit-scrollbar{width:6px}.header-notification-dropdown .header-notification-list::-webkit-scrollbar-track{background:var(--dark-gray-lightest)}.header-notification-dropdown .header-notification-list::-webkit-scrollbar-thumb{background:var(--mid-gray);border-radius:3px}.header-notification-dropdown .header-notification-list::-webkit-scrollbar-thumb:hover{background:var(--light-gray)}.header-notification-dropdown .header-notification-list .header-notification-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--mid-gray)}.header-notification-dropdown .header-notification-list .header-notification-loading:after{content:"";width:20px;height:20px;border:2px solid var(--dark-gray-lightest);border-top-color:var(--primary-color);border-radius:50%;animation:headerNotificationSpin 1s linear infinite;margin-left:.5rem}.header-notification-dropdown .header-notification-item{position:relative;padding:1rem;border-bottom:1px solid var(--dark-gray-lightest);cursor:pointer;transition:var(--transition-fast);text-decoration:none;color:inherit;display:block}.header-notification-dropdown .header-notification-item:hover{background-color:#ffffff0d;transform:translate(2px)}.header-notification-dropdown .header-notification-item:last-child{border-bottom:none}.header-notification-dropdown .header-notification-item.is-unread{background:linear-gradient(90deg,rgba(75,139,255,.1),transparent);border-left:3px solid var(--primary-color)}.header-notification-dropdown .header-notification-item.is-unread:before{content:"";position:absolute;top:50%;right:1rem;width:8px;height:8px;background:var(--primary-color);border-radius:50%;transform:translateY(-50%)}.header-notification-dropdown .header-notification-item .header-notification-content{display:flex;gap:1rem;align-items:flex-start}.header-notification-dropdown .header-notification-item .header-notification-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--dark-gray-lightest);flex-shrink:0;transition:transform .2s ease}.header-notification-dropdown .header-notification-item .header-notification-avatar.default-avatar{background:var(--dark-gray-lightest);display:flex;align-items:center;justify-content:center;color:var(--mid-gray)}.header-notification-dropdown .header-notification-item:hover .header-notification-avatar{transform:scale(1.05)}.header-notification-dropdown .header-notification-item .header-notification-body{flex:1;min-width:0}.header-notification-dropdown .header-notification-item .header-notification-body .header-notification-message{color:var(--white);font-size:14px;line-height:1.4;margin-bottom:.25rem}.header-notification-dropdown .header-notification-item .header-notification-body .header-notification-message .header-reaction-emoji{font-size:16px;margin-left:.25rem}.header-notification-dropdown .header-notification-item .header-notification-body .header-notification-preview{color:var(--light-gray);font-size:12px;font-style:italic;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-notification-dropdown .header-notification-item .header-notification-body .header-notification-time{color:var(--mid-gray);font-size:11px}.header-notification-dropdown .header-notification-empty{padding:3rem 1rem;text-align:center;color:var(--mid-gray)}.header-notification-dropdown .header-notification-empty .header-empty-icon{font-size:48px;margin-bottom:1rem;opacity:.5}.header-notification-dropdown .header-notification-empty .header-empty-title{font-size:16px;font-weight:600;color:var(--light-gray);margin-bottom:.5rem}.header-notification-dropdown .header-notification-empty .header-empty-description{font-size:14px;line-height:1.4}.header-notification-dropdown .header-notification-footer{padding:1rem;border-top:1px solid var(--dark-gray-lightest);text-align:center}.header-notification-dropdown .header-notification-footer .header-view-all-link{color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:var(--transition-fast)}.header-notification-dropdown .header-notification-footer .header-view-all-link:hover{color:var(--primary-light);text-decoration:underline}@keyframes headerNotificationSpin{to{transform:rotate(360deg)}}.auth-buttons{display:flex;align-items:center;gap:1rem}.auth-buttons .header-notification-container{position:relative;margin-right:.5rem}.dropdown-item{position:relative;display:flex;align-items:center;gap:.5rem}.dropdown-item i{width:16px;flex-shrink:0}.dropdown-item .dropdown-notification-badge{margin-left:auto;background:linear-gradient(135deg,var(--danger),#ff6b6b);color:var(--white);font-size:10px;font-weight:600;border-radius:10px;min-width:18px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}@media (max-width: 768px){.auth-buttons{gap:.5rem}.auth-buttons .header-notification-container{margin-right:0}.header-notification-bell svg{width:20px;height:20px}.header-notification-bell .header-notification-badge{min-width:16px;height:16px;font-size:10px;top:-4px;right:-4px}.header-notification-dropdown{position:fixed;top:60px;left:0;right:0;width:100%;max-width:none;border-radius:0;margin-top:0;box-shadow:0 4px 20px #0000004d}.header-notification-dropdown:before{display:none}}.notifications-page{background:var(--dark-gray);min-height:100vh;padding-top:80px}.notifications-page .notifications-container{max-width:var(--container-max-width);margin:0 auto;padding:2rem 1rem}.notifications-page .notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.notifications-page .notifications-header h1{font-size:32px;font-weight:700;color:var(--white);margin:0}.notifications-page .notifications-header .notifications-actions{display:flex;gap:.5rem}.notifications-page .notifications-content{background:var(--dark-gray-lighter);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--box-shadow-lg)}.notifications-page .notification-card{padding:1.5rem;border-bottom:1px solid var(--dark-gray-lightest);transition:var(--transition-fast)}.notifications-page .notification-card:hover{background-color:#ffffff05}.notifications-page .notification-card:last-child{border-bottom:none}.notifications-page .notification-card.unread{background:linear-gradient(90deg,rgba(75,139,255,.08),transparent);border-left:4px solid var(--primary-color)}.notifications-page .notification-card .notification-main{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}.notifications-page .notification-card .notification-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--dark-gray-lightest);flex-shrink:0}.notifications-page .notification-card .notification-details{flex:1;min-width:0}.notifications-page .notification-card .notification-details .notification-message{color:var(--white);font-size:16px;line-height:1.5;margin-bottom:.5rem}.notifications-page .notification-card .notification-details .notification-message .reaction-emoji{font-size:18px;margin-left:.5rem}.notifications-page .notification-card .notification-details .notification-preview{color:var(--light-gray);font-size:14px;font-style:italic;margin-bottom:.5rem;padding:.5rem;background:var(--dark-gray-lightest);border-radius:var(--border-radius-sm);border-left:3px solid var(--mid-gray)}.notifications-page .notification-card .notification-details .notification-meta{display:flex;align-items:center;gap:1rem;font-size:12px;color:var(--mid-gray)}.notifications-page .notification-card .notification-details .notification-meta .notification-time:before{content:"•";margin-right:.25rem}.notifications-page .notification-card .notification-details .notification-meta .notification-status.unread{color:var(--primary-color);font-weight:600}.notifications-page .notification-card .notification-details .notification-meta .notification-status.unread:before{content:"•";margin-right:.25rem}.notifications-page .notification-card .notification-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.notifications-page .notifications-empty{text-align:center;padding:6rem 1rem;color:var(--mid-gray)}.notifications-page .notifications-empty .empty-icon{font-size:80px;margin-bottom:2rem;opacity:.3}.notifications-page .notifications-empty .empty-title{font-size:24px;font-weight:600;color:var(--light-gray);margin-bottom:1rem}.notifications-page .notifications-empty .empty-description{font-size:16px;line-height:1.6;max-width:400px;margin:0 auto}.notifications-page .notifications-pagination{margin-top:2rem;display:flex;justify-content:center}.notifications-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--border-radius-md);font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:var(--transition-fast);gap:.25rem}.notifications-page .btn.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white)}.notifications-page .btn.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));transform:translateY(-1px);box-shadow:var(--box-shadow-md)}.notifications-page .btn.btn-secondary{background:var(--dark-gray-lightest);color:var(--light-gray);border:1px solid var(--mid-gray)}.notifications-page .btn.btn-secondary:hover{background:var(--mid-gray);color:var(--white)}.notifications-page .btn.btn-danger{background:var(--danger);color:var(--white)}.notifications-page .btn.btn-danger:hover{background:#fc0d00;transform:translateY(-1px)}.notifications-page .btn.btn-sm{padding:.25rem .5rem;font-size:12px}.notifications-page .btn.btn-link{background:none;color:var(--primary-color);padding:0}.notifications-page .btn.btn-link:hover{color:var(--primary-light);text-decoration:underline}@media (max-width: 768px){.notifications-page .notifications-header{flex-direction:column;align-items:stretch}.notifications-page .notifications-header h1{font-size:24px;text-align:center}.notifications-page .notifications-header .notifications-actions{justify-content:center}.notifications-page .notification-card{padding:1rem}.notifications-page .notification-card .notification-main{flex-direction:column;align-items:stretch}.notifications-page .notification-card .notification-actions{justify-content:flex-start;margin-top:1rem}}.error-container{max-width:1320px;margin:0 auto;padding:2rem;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.error-code{font-size:8rem;font-weight:800;color:#4b8bff;margin:0;line-height:1;text-shadow:0 4px 8px rgba(0,0,0,.15)}@media (max-width: 576px){.error-code{font-size:6rem}}.error-title{font-size:2.5rem;font-weight:600;color:#fff;margin:1rem 0}@media (max-width: 576px){.error-title{font-size:1.75rem}}.error-message{font-size:1.25rem;color:#9a9a9a;max-width:600px;margin:0 auto 2rem;line-height:1.6}@media (max-width: 576px){.error-message{font-size:1rem}}.error-actions{display:flex;gap:1rem}@media (max-width: 576px){.error-actions{flex-direction:column}}.error-actions .btn{display:inline-block;padding:1rem 1.5rem;border-radius:.25rem;font-weight:500;text-decoration:none;transition:all .3s ease}.error-actions .btn-primary{background-color:#4b8bff;color:#fff}.error-actions .btn-primary:hover{background-color:#186aff}.error-actions .btn-secondary{background-color:#333;color:#fff}.error-actions .btn-secondary:hover{background-color:#1e1e1e}.error-image{margin-bottom:2rem;max-width:100%;height:auto}.error-image svg{width:280px;height:auto}@media (max-width: 576px){.error-image svg{width:200px}}.pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.pagination-wrapper .pagination-button{background-color:var(--dark-gray-lighter);color:var(--lighter-gray);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);text-decoration:none;font-weight:500;transition:var(--transition-fast);box-shadow:var(--box-shadow-sm)}.pagination-wrapper .pagination-button:hover{background-color:var(--primary-light);color:var(--white)}.pagination-wrapper .pagination-button.active{background-color:var(--primary-color);color:var(--white);cursor:default}.pagination-wrapper .pagination-button.disabled{background-color:var(--dark-gray-lightest);color:var(--mid-gray);cursor:not-allowed}.pagination-wrapper .pagination-ellipsis{color:var(--light-gray);padding:var(--spacing-sm) var(--spacing-md)}