*{box-sizing:border-box;padding:0;margin:0}#root{height:100%;margin:0;padding:0;box-sizing:border-box}body,html{padding:0;margin:0;background:#202122;overflow-x:hidden;font-family:Space Grotesk,sans-serif}a{cursor:pointer;text-decoration:none;color:inherit;transition:.3s}button{outline:none;border:0;transition:.3s;cursor:pointer}img{pointer-events:none}header{display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;transition:.3s;padding:20px calc((100vw - 1200px)/2);z-index:10;border-bottom:1px solid rgba(255,255,255,.1)}header .logo{display:flex;align-items:center;gap:10px}header .logo div{display:flex;flex-direction:column}header .logo div p{line-height:80%;font-weight:700;color:#fff}header .logo div span{font-family:Silkscreen,sans-serif;color:#ffffff80}.left{display:flex;align-items:center;gap:30px}.left input{border:0;font-family:Space Grotesk,sans-serif;outline:none;padding:10px 10px 10px 35px;border-radius:5px;background:#ffffff0d;color:#fff}header .search{position:relative;display:flex;align-items:center}header .search svg{position:absolute;left:5px}header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000001a}.right{display:flex;align-items:center;gap:20px}.right a{font-size:14px;color:#fff9;display:flex;position:relative;align-items:center;flex-direction:column}.right a span{font-size:8px;position:absolute;background:#00ff62;color:#fff;padding:2px 5px;border-radius:2px;right:0;top:-14px}.right a:after{content:"";position:absolute;bottom:-8px;display:flex;width:0;background:#6100ff;height:1px;transition:width .3s ease}.right a:hover:after{width:80%;transition:width .3s ease}.right a:hover{color:#caa8ff}.right button{height:40px;padding:0 20px;font-size:14px;border-radius:3px;font-family:Space Grotesk,sans-serif}.right .login{border:1px solid rgba(255,255,255,.2);color:#fff3;background:transparent}.right .login:hover{color:#6100ff;border-color:#6100ff}.right .signup{background:#6100ff;color:#fff}.right .signup:hover{background:#8e49ff;color:#fff}.about-us a:hover,.description button:hover{background:#8e49ff}.landing{background:url(/img/bg.png);min-height:100vh;background-size:cover;background-repeat:no-repeat;display:flex;height:100%;position:relative;padding:100px 0 130px;align-items:center;justify-content:space-between}.description{display:flex;flex-direction:column;margin-left:calc((100vw - 1200px)/2)}.description p{font-size:36px;color:#fff}.description p b{font-family:Silkscreen,sans-serif;font-size:42px;color:#6100ff}.description span{font-size:18px;margin-top:15px;margin-bottom:15px;color:#fff9}.description button{background:#6100ff;width:max-content;padding:10px 30px;border-radius:5px;color:#fff;font-size:14px}.collage{position:relative;display:flex;justify-content:center;-webkit-user-select:none;user-select:none;z-index:1;align-items:center;margin-right:calc((100vw - 1200px)/2)}.vulcan{position:absolute;max-width:400px;animation:right 5s ease-in-out infinite alternate;z-index:-1;rotate:45deg;left:-20px;top:-90px}.vulcan img{max-width:400px;position:absolute}.vulcan img:last-child{filter:blur(20px);z-index:-1;animation:blur 2.5s ease-in-out infinite alternate}.cobalt{position:absolute;max-width:400px;animation:right2 5s ease-in-out infinite alternate;z-index:-1;rotate:220deg;left:30px;top:80px;transform:scale(-1)}.cobalt img{max-width:200px;transform:scale(-1);position:absolute}.cobalt img:last-child{filter:blur(20px);z-index:-1;animation:blur 2.5s ease-in-out infinite alternate}.m4a4{position:absolute;max-width:400px;animation:right 5s ease-in-out infinite alternate;z-index:-1;rotate:-45deg;left:60px;top:-10px;transform:scale(-1)}.m4a4 img{max-width:300px;transform:scale(-1);pointer-events:none;position:absolute}.m4a4 img:last-child{filter:blur(20px);z-index:-1;animation:blur 2.5s ease-in-out infinite alternate}.talon{position:absolute;max-width:400px;animation:right2 5s ease-in-out infinite alternate;z-index:-1;rotate:145deg;right:-80px;bottom:50px}.talon img{max-width:250px;position:absolute}.talon img:last-child{filter:blur(20px);z-index:-1;animation:blur 2.5s ease-in-out infinite alternate}.basement{font-family:Silkscreen,sans-serif;font-size:122px;-webkit-user-select:none;user-select:none;-webkit-text-stroke:2px transparent;background:linear-gradient(90deg,#3f3c38 45%,#21201e);-webkit-background-clip:text;color:transparent;opacity:.85;pointer-events:none}.benefits{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;position:absolute;bottom:-30px}.benefit{display:flex;align-items:center;padding:10px 20px;border:1px solid rgba(255,255,255,.1);border-radius:10px;gap:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d}.benefit p{font-size:18px;font-weight:700}.benefit span{font-size:14px;color:#fff9}.top-listings{max-width:1200px;margin:0 auto;padding:100px 0;display:flex;flex-direction:column;gap:30px}.title{display:flex;justify-content:space-between;align-items:center}.title h2{font-size:24px;color:#fff}.title a{font-size:16px;display:flex;align-items:center;color:#fff;gap:10px}.title a svg path{transition:.3s}.title a:hover svg path{fill:#6100ff}.title a:hover{color:#6100ff}.listings{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.listing{justify-content:space-between;display:flex;cursor:pointer;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;gap:20px;transition:.3s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;padding:15px}.listing:hover{background:#ffffff1a}.listing .img{position:relative;display:flex;justify-content:center;align-items:center}.listing .img .wear{top:-5px;font-size:14px;left:-5px;position:absolute;padding:2px 10px;border-radius:3px}.listing .img .wear.fn{color:#10e4bd;background:#10e4bd1a}.listing .img .wear.mw{color:#abe410;background:#abe4101a}.listing .img .wear.ft{color:#e4b310;background:#e4b3101a}.listing .img .wear.ww{color:#e48110;background:#e481101a}.listing .img .wear.bs{color:#e46510;background:#e465101a}.listing .img img{max-width:140px;height:100px}.listing .about{display:flex;flex-direction:column}.listing .about a{background:#ffffff1a;border-radius:5px;padding:5px 0;margin-top:10px;border:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center}.listing .about a:hover{box-shadow:unset;background:#7824ff}.listing .about p{font-size:14px;color:#ffffff80}.listing .about span{margin-top:5px;font-size:18px;font-weight:500;color:#fff}.listing .about a svg path{fill:#fff}@keyframes right{0%{transform:translateZ(0) rotateY(0) rotate(0)}to{transform:translate3d(0,3%,-20px) rotateY(12deg) rotate(-6deg)}}@keyframes right2{0%{transform:translateZ(0) rotateY(0) rotate(0)}to{transform:translate3d(0,3%,-20px) rotateY(-12deg) rotate(6deg)}}@keyframes blur{0%{filter:blur(5px)}to{filter:blur(20px)}}.about-us{margin:30px calc((100vw - 1200px)/2);padding:40px;display:flex;justify-content:space-between;align-items:center;background:#0003;border-radius:10px;position:relative}.about-us h2{font-size:24px;color:#fff}.why-image{position:absolute;width:320px;right:20px;transform:rotate(25deg);bottom:-50px}.about-us h2 b{font-family:Silkscreen,sans-serif;color:#6100ff;font-size:26px}.about-us p{font-size:16px;margin:15px 0;color:#fff9;max-width:400px}.about-us a{margin-top:20px;padding:10px 20px;font-size:14px;border-radius:3px;background:#6100ff;color:#fff;width:max-content}.about-us .what{display:flex;flex-direction:column}.logo-animation-container{position:relative;width:250px;height:250px;background:#0003;border-radius:10px;display:flex;justify-content:center;align-items:center;overflow:hidden}.animated-logo{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all .5s ease}.animated-logo svg{width:120px;height:120px}.animated-logo p{margin-top:15px;font-size:28px;font-weight:600;letter-spacing:1px;color:#fff;text-align:center}.animated-logo span{display:block;font-size:22px;font-weight:400;opacity:.8;margin-top:5px}@keyframes fadeBackground{0%,to{background-color:#000000e6}50%{background-color:#000000f2}}.main-logo{animation:showMainLogo 10s infinite}@keyframes showMainLogo{0%,15%{opacity:1;transform:scale(1)}20%,95%{opacity:0;transform:scale(.5)}96%,to{opacity:1;transform:scale(1)}}.logo1{animation:showLogo1 10s infinite}@keyframes showLogo1{0%,19%{opacity:0;transform:scale(.5)}23%,37%{opacity:1;transform:scale(1)}41%,to{opacity:0;transform:scale(.5)}}.logo2{animation:showLogo2 10s infinite}@keyframes showLogo2{0%,40%{opacity:0;transform:scale(.5)}44%,58%{opacity:1;transform:scale(1)}62%,to{opacity:0;transform:scale(.5)}}.logo3{animation:showLogo3 10s infinite}@keyframes showLogo3{0%,61%{opacity:0;transform:scale(.5)}65%,79%{opacity:1;transform:scale(1)}83%,to{opacity:0;transform:scale(.5)}}.logo4{animation:showLogo4 10s infinite}@keyframes showLogo4{0%,82%{opacity:0;transform:scale(.5)}86%,93%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(.5)}}.featured_items{max-width:1200px;margin:0 auto;padding:100px 0;display:flex;flex-direction:column;gap:30px}.scan_ur_skin{margin:30px calc((100vw - 1200px)/2);display:flex;justify-content:space-between;align-items:center;border-radius:10px;height:400px;position:relative}.scan_ur_skin h2{font-size:24px;color:#fff}.scan_ur_skin h2 b{font-family:Silkscreen,sans-serif;color:#6100ff;font-size:26px}.scan_ur_skin p{font-size:16px;margin:15px 0;color:#fff9;max-width:400px}.scan_ur_skin a{margin-top:20px;padding:10px 20px;font-size:14px;border-radius:3px;background:#6100ff;color:#fff;width:max-content}.scan_ur_skin a:hover{background:#8e49ff}.scan_ur_skin .what{padding:40px;display:flex;width:100%;background:#0003;border-radius:10px;position:relative;flex-direction:column}.falling-skins-container{height:400px;position:absolute;perspective:1000px;overflow:hidden;right:0;z-index:1}.falling-skins-wrapper{width:350px;height:100%;position:relative}.skin-item{position:absolute;width:280px;height:320px;top:-400px;left:calc(50% - 140px);visibility:hidden;opacity:0;transform-style:preserve-3d}.skin-card{width:100%;height:100%;background:#1e1e1e80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;box-shadow:0 10px 25px #0003;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1)}.skin-card img{width:100%;height:260px;object-fit:contain;padding:20px;background:#14141499}.skin-info{padding:10px 15px;display:flex;flex-direction:column;justify-content:center}.skin-name{font-weight:600;font-size:16px;color:#fff}.skin-pattern{font-size:14px;color:#6100ff;margin-top:5px}.skin-item.active{visibility:visible;opacity:1;animation:fallDown 3s cubic-bezier(.23,1,.32,1) infinite;z-index:2}.skin1{animation-delay:0s}.skin2{animation-delay:3s}.skin3{animation-delay:6s}.skin4{animation-delay:9s}@keyframes fallDown{0%{top:-200px;transform:translateZ(0) rotateX(5deg) rotateY(0);opacity:0}15%{top:40px;transform:translateZ(0) rotateX(0) rotateY(0);opacity:1}20%{transform:translateZ(50px) rotateX(0) rotateY(5deg)}30%{transform:translateZ(50px) rotateX(0) rotateY(-5deg)}40%{transform:translateZ(50px) rotateX(5deg) rotateY(0)}50%{top:40px;transform:translateZ(0) rotateX(0) rotateY(0);opacity:1}60%{top:100px;opacity:0}to{top:300px;transform:translateZ(0) rotateX(0) rotateY(0);opacity:0}}.falling-skins-wrapper{animation:cycleSkins 12s infinite}@keyframes cycleSkins{0%,24.99%{z-index:1}25%,49.99%{z-index:2}50%,74.99%{z-index:3}75%,to{z-index:4}}footer{width:100%;padding:30px 0;border-top:1px solid rgba(255,255,255,.1)}.footer{display:flex;justify-content:start;align-items:start;gap:50px;max-width:1200px;margin:0 auto}.official{display:flex;align-items:start;flex-direction:column;gap:10px}.official p{font-size:14px;color:#fff9}.official span{font-size:14px;color:#fff3}.navigation{display:flex;width:100%;justify-content:space-between;align-items:start}.col{display:flex;flex-direction:column;gap:10px}.col p{font-size:14px;font-weight:500;color:#fff}.col a{font-size:16px;color:#fff9}.col a:hover{color:#6100ff}@media screen and (max-width: 1300px){.landing{padding:50px 0}.landing{min-height:600px;height:100%}header{padding:20px calc((100vw - 1000px)/2)}.description{margin-left:calc((100vw - 1000px)/2)}.collage{margin-right:calc((100vw - 1000px)/2)}.description p{font-size:24px}.description p b{font-size:30px}.description span{font-size:16px}.basement{font-size:80px}.vulcan img{max-width:330px}.cobalt img{max-width:150px}.cobalt{top:40px}.talon img{max-width:150px}.talon{bottom:-30px}.m4a4 img{max-width:200px}.benefit p{font-size:14px}.benefit span{font-size:12px}.benefit svg{width:26px;height:26px}.benefit{gap:10px}.top-listings{max-width:1000px;padding:50px 0}.listings{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.about-us{margin:30px calc((100vw - 1000px)/2)}.featured_items{max-width:1000px;padding:50px 0}.scan_ur_skin{margin:30px calc((100vw - 1000px)/2)}.footer{max-width:1000px}.col a{font-size:14px}}@media screen and (max-width: 1000px){html,body,#root{overflow-x:hidden}header{padding:20px 2.5vw}.search{display:none!important}.right{display:none}.landing{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;z-index:1;gap:50px;min-height:auto;height:auto}.collage{margin:0;position:absolute;z-index:-1;opacity:.4}.description{margin:150px 0 0}.top-listings{max-width:90%}.description button{width:100%}.benefits{grid-template-columns:1fr;width:100%;position:relative;bottom:unset;margin-top:150px}.benefit{width:100%}.listings{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.about-us{flex-direction:column-reverse;gap:30px;margin:2.5vw}.about-us a{width:100%;text-align:center}.featured_items{max-width:90%}.scan_ur_skin{margin:0 2.5vw}.falling-skins-container{position:relative}.falling-skins-container{display:none}.footer{max-width:90%;flex-direction:column}.navigation{display:grid;grid-template-columns:1fr 1fr;gap:40px}}.scanner-window{width:600px;max-width:90vw;background:#2a2a2a;animation:modal-appear .3s ease}@keyframes modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.backdrop{width:100%;height:100vh;position:fixed;display:flex;justify-content:center;align-items:center;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:15;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.window_body{padding:15px;display:flex;flex-direction:column;gap:20px}.scanner-params{width:100%;margin-bottom:10px}.params-table{width:100%;border-collapse:collapse}.params-table th,.params-table td{padding:8px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}.params-table th{color:#fff;font-weight:500}.params-table td{color:#ffffffb3}.rarity-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:#fff3}.scanner-input{display:flex;gap:10px}.search-field{position:relative;flex-grow:1;display:flex;align-items:center}.search-field svg{position:absolute;left:10px}.search-field input{width:100%;border:0;font-family:Space Grotesk,sans-serif;outline:none;padding:12px 12px 12px 40px;border-radius:5px;background:#ffffff0d;color:#fff}.scanner-button{padding:0 20px;border-radius:5px;background:#ffffff1a;color:#ffffff4d;border:none;font-family:Space Grotesk,sans-serif;cursor:not-allowed;height:40px;min-width:100px;display:flex;align-items:center;justify-content:center}.scanner-button.active{background:#6100ff;color:#fff;cursor:pointer}.scanner-button.active:hover{background:#7a2bff}.loading-spinner{width:24px;height:24px;animation:rotate 1s linear infinite}.loading-spinner circle{stroke:#fff;stroke-dasharray:150;stroke-dashoffset:75;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:150}50%{stroke-dashoffset:50}to{stroke-dashoffset:150}}.steam-auth{margin-top:15px;animation:fade-up .5s ease}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.steam-button{width:100%;padding:12px;background:#1b2838;color:#fff;border:none;border-radius:5px;font-family:Space Grotesk,sans-serif;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-size:16px;transition:background .2s ease}.steam-button:hover{background:#2a3f5a}.notification{position:fixed;top:20px;right:20px;background:#2a2a2af2;border-radius:5px;width:300px;padding:15px;box-shadow:0 5px 15px #0000004d;z-index:100;animation:slide-in .3s ease}@keyframes slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.notification-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.notification-content p{color:#fff;margin:0}.notification-content button{background:none;border:none;color:#fff;cursor:pointer;padding:5px}.notification-progress{height:3px;background:#6100ff;width:100%;position:absolute;bottom:0;left:0;border-radius:0 0 5px 5px;animation:progress 10s linear forwards}@keyframes progress{0%{width:100%}to{width:0%}}.window{padding:10px;border-radius:10px;background:#2a2a2a}.window_head{display:flex;align-items:center;justify-content:space-between}.window_head .close svg{width:24px;height:24px}.window_head p{color:#fff;font-weight:500;font-size:16px}.error-input{border:1px solid #ff4d4d!important;background:#ff4d4d0d!important}.input-error{color:#ff4d4d;font-size:12px;position:absolute;bottom:-20px;left:0;animation:error-fade-in .3s ease}@keyframes error-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tradelink-helper{margin-top:8px;text-align:left;font-size:12px;margin-bottom:-10px}.tradelink-helper a{color:#fff;cursor:pointer}.tradelink-helper a:hover{color:#8442ff}