body{background-color:#080808;color:#f5f5f5;font-family:Poppins,sans-serif;background-image:url(/assets/ucgenler-SLa3m2qn.svg);background-size:20%;background-position:center}#root{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-container{width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}.form-container .label{text-transform:uppercase;font-size:.8em;color:#9ca0a7}.form-container .input{width:calc(100% - 30px);background-color:#181b25;outline:1px solid #3c3e46;border-radius:5px;padding:10px 15px;-webkit-transition:.3s;transition:.3s}.form-container .input:hover{background-color:#1f222b;outline:1px solid #54565c}.form-container .input:focus{background-color:#2f375c;outline:1px solid #54565c}.form-container .select{width:calc(100% - 30px);background-color:#181b25;outline:1px solid #3c3e46;border-radius:5px;padding:10px 15px;color:#fff;-webkit-transition:.3s;transition:.3s}.form-container .select:hover{background-color:#1f222b;outline:1px solid #54565c}.form-container .select:focus{background-color:#2f375c;outline:1px solid #54565c}.form-container .select option{padding:10px 15px;background-color:#1d233a}.form-container .button{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;font-size:1.1em;border-radius:5px;padding:10px 15px;-webkit-transition:.3s;transition:.3s}.form-container .button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.form-container .button.purple{background-color:#691e59}.form-container .button.green{background-color:#14a37f}.header{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:20;width:100%;height:70px;background-color:#161616e6;color:#fff}@supports (-webkit-backdrop-filter: blur(10px)){.header{-webkit-backdrop-filter:blur(10px)}}@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.header .header-container{width:100%;height:100%;max-width:1240px}.header .header-container .logo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.header .header-container .logo .logo-img{width:50px}.header .header-container .nav{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0 auto}.header .header-container .nav .navlink{padding:20px;cursor:pointer;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}.header .header-container .nav .navlink:hover{text-decoration:underline;-webkit-transition:all .3s ease;transition:all .3s ease;color:#48ff00}.header .header-container .nav .active{color:#ff7300}.header .header-container .nav .active:hover{color:#ff7300;text-decoration:none}.header .header-container .login-btn{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding:10px;background-color:#ff7300;color:#fff;font-weight:700;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.header .header-container .login-btn:hover,.header .header-container .login-btn.active{background-color:#5eff1e;color:#000;-webkit-transition:all .3s ease;transition:all .3s ease}.banner{width:100%;height:625px;overflow:hidden;position:relative}.banner .banner-image-container{z-index:1;position:relative;width:100%;height:100%}.banner .banner-image-container .banner-image{width:400px;height:400px;-o-object-fit:contain;object-fit:contain;-webkit-filter:drop-shadow(0 60px 5px rgba(100,15,0,.3)) drop-shadow(60px 0 5px rgba(100,15,0,.3)) drop-shadow(-60px 0 5px rgba(100,15,0,.3));filter:drop-shadow(0 60px 5px rgba(100,15,0,.3)) drop-shadow(60px 0 5px rgba(100,15,0,.3)) drop-shadow(-60px 0 5px rgba(100,15,0,.3));-webkit-transition:all .3s ease;transition:all .3s ease}.banner .banner-image-container .banner-image:hover{-webkit-filter:drop-shadow(0 0 10px rgba(100,15,0,.9));filter:drop-shadow(0 0 10px rgba(100,15,0,.9));-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .3s ease;transition:all .3s ease}.banner .background-slider{z-index:0;position:absolute;top:0;left:0;width:18000px;height:100%;-webkit-animation:slide 216s linear infinite;animation:slide 216s linear infinite;-webkit-filter:brightness(.7) grayscale(.3);filter:brightness(.7) grayscale(.3);display:-webkit-box;display:-ms-flexbox;display:flex}.banner .background-slider .slider-image{width:250px;height:100%;-o-object-fit:contain;object-fit:contain}@-webkit-keyframes slide{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-4800px);transform:translate(-4800px)}}@keyframes slide{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-4800px);transform:translate(-4800px)}}.level-promotion{width:100%;height:100%;padding:25px;border-radius:10px 10px 0 0;color:#000;background:#fff5e6;background:-webkit-gradient(linear,left top,right top,color-stop(60%,#fff5e6),to(rgba(255,227,202,.9)));background:linear-gradient(90deg,#fff5e6 60%,#ffe3cae6)}.level-promotion .level-promotion-container{width:100%;max-width:1240px;height:100%}.level-promotion .level-promotion-container span{color:#fa6949;font-size:1.5em;font-weight:700;font-style:italic;text-shadow:1px 1px black}@-webkit-keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes appear{0%{opacity:0}to{opacity:1}}.level-promotion .level-promotion-container .level-bar{width:100%;max-width:calc(50% - 25px);height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.level-promotion .level-promotion-container .level-bar .level-counter{width:90px;height:90px;border-radius:100% 0 0 100%;background:#858585;color:#fff;font-size:50px;border-right:5px solid rgba(221,221,221,.5)}.level-promotion .level-promotion-container .level-bar .xp-bar{position:relative;left:0;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:90px;background:#404040;border-radius:0 20px 20px 0}.level-promotion .level-promotion-container .level-bar .xp-bar .xp{position:absolute;top:0;left:0;width:0px;height:90px;background:#66ff47e6;color:#fff;border-radius:0 20px 20px 0}.level-promotion .level-promotion-container .level-bar .level-award{font-size:1em;font-weight:700;font-style:italic;text-shadow:1px 1px black;background-color:#151515;color:#fff;padding:20px;border-radius:10px;outline:1px solid #66ff47}.level-promotion .level-promotion-container .level-description{width:100%;max-width:calc(50% - 25px);height:100%}.level-promotion .level-promotion-container .level-description h2{font-size:4em;font-family:SuperPower,sans-serif}.level-promotion .level-promotion-container .level-description p{font-size:1.75em}.level-promotion .level-promotion-container .level-description ul{padding:20px;text-align:center;list-style:none}.level-promotion .level-promotion-container .level-description ul li{font-size:1.5em}.level-promotion .level-promotion-container .little-dark{margin-top:50px;background:#080808;color:#fff;border-radius:10px;padding:25px}.comment-promotion{width:100%;height:100%;padding:100px;border-top:10px solid orangered;background-image:url(/assets/ucgenler-SLa3m2qn.svg);background-size:50%;background-position:center}.comment-promotion .comment-promotion-container{width:1240px;height:100%}.login{width:100%;height:100%}.login .notification{width:100%;height:100%;margin-bottom:50px;font-size:1.5em;background:#ffff00e6;padding:20px;color:#000}.login .user{width:100%;max-width:1240px;height:100%;padding:50px;border-radius:20px;background-color:#ffffff4d}.login .user .user-pp{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.login .user .user-name{font-size:20px;font-weight:600}.login .user .login-user{padding:20px;background-color:#ff7300;color:#fff;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;font-size:1.2em;font-weight:700}.login .user .login-user:hover{background-color:#5eff1e;color:#000;-webkit-transition:all .3s ease;transition:all .3s ease}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf)}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-BQsUpcHj.ttf)}@font-face{font-family:CuteDino;src:url(/assets/CuteDino-Gs8SkVSf.ttf)}@font-face{font-family:BondStory;src:url(/assets/BondStory-BSTqlEox.ttf)}@font-face{font-family:GaldienRounded;src:url(/assets/GaldienRounded-4j20pmJA.otf)}@font-face{font-family:SuperComic;src:url(/assets/SuperComic-CqQBDAe5.ttf)}@font-face{font-family:SuperPower;src:url(/assets/SuperPower-B58BkI20.ttf)}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;min-height:0}body{width:100%;height:100%;max-height:100vh;word-break:break-word;position:absolute;top:0;left:0}body ::-moz-selection{background-color:#f90;color:#000}body ::selection{background-color:#f90;color:#000}textarea,input[type=text],input[type=email],input[type=password]{all:unset}button{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}button,a{all:unset;cursor:pointer}button:disabled{cursor:not-allowed!important;opacity:.15!important}img{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}h1,h2,h3,h4{font-family:Montserrat,sans-serif}p{white-space:pre-line}.w100{width:100%!important;max-width:100%!important}.main-column{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pageW{width:1240px}.hidden-mobile,.hidden-form-btn{display:none}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.row-reverse{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.column-reverse{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.aic{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.aifs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.aife{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.jcc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jcfs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.jcfe{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.jcsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.jcsa{-ms-flex-pack:distribute;justify-content:space-around}.gap5{gap:5px}.gap7{gap:7px}.gap10{gap:10px}.gap15{gap:15px}.gap20{gap:20px}.gap25{gap:25px}.gap30{gap:30px}.gap35{gap:35px}.gap40{gap:40px}.gap45{gap:45px}.gap50{gap:50px}.margin5{margin:5px}.margin7{margin:7px}.margin10{margin:10px}.margin15{margin:15px}.margin20{margin:20px}.margin25{margin:25px}.margin30{margin:30px}.margin35{margin:35px}.margin40{margin:40px}.margin45{margin:45px}.margin50{margin:50px}.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}