section.landing{background-image:linear-gradient(#0009),url(/images/home/landing.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;padding-top:90px}section.landing .container{margin-top:40px}section.landing .container .popup{background-color:color-mix(in srgb, var(--main-color), var(--background) 80%);border:1px solid var(--main-color);border-radius:20px;width:fit-content;margin-bottom:30px;padding:5px 10px 5px 30px;position:relative}section.landing .container .popup:before{content:"";background-color:var(--main-color);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}section.landing .container .popup p{color:var(--main-color);font-size:14px}section.landing .container h1{font-size:70px;font-weight:800;line-height:1.2}section.landing .container h1 .highlight{color:var(--main-color)}section.landing .container>p{max-width:600px;margin-top:20px;font-size:18px}section.landing .container .links{gap:20px;margin-top:30px;display:flex}section.landing .container .links a{background-color:var(--main-color);color:#fff;border:1px solid var(--main-color);border-radius:15px;justify-content:center;align-items:center;gap:10px;padding:10px 15px;transition:all .3s ease-in-out;display:flex}section.landing .container .links a:first-child{box-shadow:0 0 10px color-mix(in srgb, var(--main-color), transparent 50%)}section.landing .container .links a:nth-child(2){background-color:#222126;border-color:#4e4e51}section.landing .container .ranks{border-top:2px solid #232327;gap:25px;max-width:600px;margin-top:50px;padding-top:30px;display:flex}section.landing .container .ranks .box p:first-of-type{color:var(--color);align-items:center;gap:5px;font-size:20px;font-weight:700;display:flex}