﻿@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;900&display=swap";:root{--primary-color: #FCDC25;--primary-color-rgb: 252, 220, 37;--gray: #676767}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{display:none;animation:fadeIn .3s linear}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation:fadeOut .3s linear}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}.fadeInUp{animation:fadeInUp .3s ease-in-out}@keyframes fadeOutDown{0%{transform:translateY(0);opacity:1}100%{transform:translateY(20px);opacity:0}}.fadeOutDown{animation:fadeOutDown .3s ease-in-out}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{margin:0;background-color:#000;overflow-x:hidden}body{font-family:"Montserrat",sans-serif;letter-spacing:1px}button{border:none;outline:none;cursor:pointer}a{text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;line-height:1}body>header{position:relative;background:linear-gradient(to top, #000, rgba(0, 0, 0, 0.5) 80%, hsl(50deg, 100%, 6%) 95%);padding:2rem;min-height:100vh}@media screen and (min-width: 720px){body>header{background:linear-gradient(to top, #000, rgba(0, 0, 0, 0.5) 80%, hsl(50deg, 100%, 6%) 95%),url("../assets/Hex Border.png") 200% -30vh/auto 80% no-repeat,url("../assets/Hex Border.png") -150% 30vh/auto 80% no-repeat}}@media screen and (min-width: 1024px){body>header{background:linear-gradient(to top, #000, rgba(0, 0, 0, 0.5) 80%, hsl(50deg, 100%, 6%) 95%),url("../assets/Hex Border.png") 150% -30vh/auto 100% no-repeat,url("../assets/Hex Border.png") -50% 30vh/auto 100% no-repeat}}@media screen and (min-width: 1280px){body>header{background:linear-gradient(to top, #000, rgba(0, 0, 0, 0.5) 80%, hsl(50deg, 100%, 6%) 95%),url("../assets/Hex Border.png") 115% -20vh/auto 100% no-repeat,url("../assets/Hex Border.png") -20% 20vh/auto 100% no-repeat}}body>header nav{display:flex;gap:15px;flex-direction:column;align-items:center;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(to top, rgba(0, 0, 0, 0.2), hsla(50deg, 100%, 5%, 0.2));backdrop-filter:blur(5px)}@media screen and (min-width: 640px){body>header nav{flex-direction:row}}body>header nav .brand{display:flex;align-items:center}body>header nav .brand img{height:50px;margin-right:10px}body>header nav .brand span{color:#fff;font-size:1.2rem}body>header nav .navbar{display:none;gap:4rem;list-style-type:none;padding:0}@media screen and (min-width: 1024px){body>header nav .navbar{display:flex}}body>header nav .navbar li a{font-size:1rem;color:rgba(255,255,255,.6);text-transform:uppercase;transition:color .1s ease-out}body>header nav .navbar li a:hover{color:rgba(255,255,255,.9)}body>header main{text-align:center;padding:30vh 0}body>header main h1,body>header main h3{text-align:center;text-transform:uppercase}body>header main h1{color:#fff;font-size:3rem;font-weight:900;margin-bottom:15px}body>header main h3{color:rgba(255,255,255,.7);font-size:1.1rem;font-weight:400;margin-bottom:3rem}.btn{background-color:var(--primary-color);padding:1rem 3rem;color:#000;letter-spacing:1px;font-size:1.3rem;font-weight:600;text-transform:uppercase;box-shadow:0 5px 20px 10px rgba(183,159,26,.25)}.btn.small{font-size:1rem;padding:1rem 1.5rem}article{padding:5rem 10%}article header{position:relative;text-align:center;z-index:1;margin-bottom:10%}article header::before{content:attr(data-text);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:12rem;font-weight:700;z-index:-1;color:#000;text-shadow:-1px 1px 0 rgba(183,159,26,.25),1px 1px 0 rgba(183,159,26,.25),1px -1px 0 rgba(183,159,26,.25),-1px -1px 0 rgba(183,159,26,.25)}article header .subtitle,article header .title{text-transform:uppercase}article header .subtitle{font-size:1.3rem;letter-spacing:2px;color:var(--primary-color);font-weight:600;margin-bottom:1.5rem}article header .title{font-size:2.5rem;font-weight:700;color:#fff;letter-spacing:3px}@media screen and (min-width: 640px){article header .title{font-size:3rem}}.card,.question{position:relative;padding:15px;border:solid 3px var(--primary-color);overflow:hidden;background:linear-gradient(-45deg, hsl(50deg, 100%, 6%), #000);margin-bottom:3rem}@media screen and (max-width: 720px){.card,.question{text-align:center}}.card .title,.question .title{color:#fff;font-weight:500;text-transform:uppercase;font-size:1.5rem;margin-bottom:3rem}@media screen and (min-width: 640px){.card .title,.question .title{font-size:2rem}}.card .content,.question .content{color:var(--gray);font-size:1.1rem;line-height:1.3}@media screen and (min-width: 1280px){.card .content,.question .content{max-width:70%}}@media screen and (min-width: 640px){.card .content,.question .content{font-size:1.3rem}}.card ul,.question ul{list-style-type:none;margin-bottom:3rem;padding:0}@media screen and (min-width: 764px){.card ul,.question ul{max-width:80%}}@media screen and (min-width: 1024px){.card ul,.question ul{max-width:60%}}@media screen and (min-width: 1280px){.card ul,.question ul{max-width:70%}}.card ul li,.question ul li{display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;vertical-align:middle;margin-bottom:10px}@media screen and (min-width: 640px){.card ul li,.question ul li{justify-content:flex-start;font-size:1.3rem}}.card ul li::before,.question ul li::before{content:"⬡";font-size:1.8rem;font-weight:500;color:var(--primary-color);margin-right:10px}.card>img,.question>img{display:none;position:absolute;right:-10vw;bottom:-20vh;opacity:.3;height:50vh}@media screen and (min-width: 764px){.card>img,.question>img{display:block;height:40vh}}@media screen and (min-width: 1024px){.card>img,.question>img{right:-5vw;bottom:-10vh;height:40vh}}@media screen and (min-width: 1280px){.card>img,.question>img{right:-5vw;bottom:-10vh;height:50vh}}.question header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0;cursor:pointer}.question header .toggler{padding:1rem 1rem .6rem}.question header .toggler img{height:20px}.question header .title{margin:0;text-align:left}.question .content{max-width:unset;height:0;overflow:hidden;transition:height .15s ease-out}.slider{position:relative}.slider .previous,.slider .next{position:absolute;top:50%;z-index:1}.slider .previous img,.slider .next img{height:20px}.slider .previous{padding:1rem 1rem .6rem 1rem;transform:rotate(90deg);left:-30px}@media screen and (min-width: 640px){.slider .previous{left:0}}.slider .next{padding:1rem 1rem .6rem 1rem;transform:rotate(-90deg);right:-30px}@media screen and (min-width: 640px){.slider .next{right:0}}.slider::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}@media screen and (min-width: 640px){.slider::after{background:linear-gradient(90deg, #000 2%, rgba(0, 0, 0, 0), #000 98%)}}.slider>.items{position:relative;text-align:center}.slider>.items .card{width:70%;margin-right:5rem;margin-bottom:0}@media screen and (min-width: 640px){.slider>.items .card{width:33.33%}}.slider>.items .card .content{max-width:unset}.slider>.items li{display:block}.text-center{text-align:center}.text-lg{font-size:1.4rem}.text-gray{color:var(--gray)}.mb-12{margin-bottom:3rem}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,.4);backdrop-filter:blur(3px);padding:3em 5%;z-index:100;display:none;justify-content:center}@media screen and (min-width: 1024px){.modal-container{padding:5em 10%}}.modal{position:relative;display:none;word-wrap:break-word;background-color:#000;margin-bottom:1.25rem;border:solid 3px var(--primary-color);box-shadow:0 2px 4px rgba(var(--primary-color-rgb), 0.15);width:max-content;height:min-content;max-width:98vw;min-width:25%}.modal .modal-header,.modal .modal-body,.modal .modal-footer{padding:1.25rem;word-break:break-all}.modal .modal-body{box-shadow:0 -1.5px rgba(255,255,255,.1);color:#9d9d9d}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.modal .modal-header .title,.modal .modal-header .subtitle{margin:0}.modal .modal-header .title{font-size:1.3rem;font-weight:700;color:#fff}.modal .modal-header .subtitle{font-size:.95rem;font-weight:400;color:rgba(255,255,255,.6)}.modal .modal-header .modal-close{cursor:pointer;color:var(--primary-color)}footer{text-align:center;padding:5rem 10%;background:linear-gradient(0, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),url("../assets/Hex Border.png") 105% 5vh/contain no-repeat,url("../assets/Hex Filled.png") -10% 0/30% no-repeat}footer img{width:100px;opacity:.3;margin-bottom:20px}footer h5{color:#fff;font-size:1.8rem;font-weight:400;text-transform:uppercase;margin-bottom:15px}footer p{color:var(--gray);font-size:.8rem;font-weight:600;text-transform:uppercase;margin-bottom:40px}footer .icons{display:flex;justify-content:center;align-items:center;gap:2rem}footer .icons svg{width:25px;fill:var(--gray)}
