:root{--main-color: #1A8795;--secondary-color: #fcedf6;--hover-color: #0c1c69;--text-color: #777360;--after-color: #f5cc59}nav button{width:fit-content;height:fit-content;margin:auto 0;padding:5px;border:1px solid var(--main-color);border-radius:5px;color:var(--secondary-color);font-size:15px;appearance:none;cursor:pointer;outline:none}::-webkit-scrollbar{border-radius:5px;width:8px}::-webkit-scrollbar-track{background-color:var(--hover-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:var(--secondary-color);color:var(--text-color)}nav{width:100%;display:flex;justify-content:space-evenly;color:var(--main-color)}.logo{width:10%;height:90px}ul{list-style:none}nav ul{display:flex;align-items:center;gap:50px}ul li.link{font-size:25px;color:var(--hover-color);position:relative;transition:.5s .1s}ul li.link:after{content:"";position:absolute;background-color:var(--main-color);border-radius:5px;bottom:0;left:0;height:3px;width:100%;transform:scale(0);z-index:10;transition:.8s .1s}ul li.link:hover{color:var(--main-color)}ul li.link:hover:after{transform:scale(1)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(700px,1fr));text-align:center;gap:25px;padding:20px;margin:-20px auto}.card{display:flex;align-items:center;justify-content:space-evenly;width:700px;box-shadow:0 0 16px -3px var(--main-color);text-align:center;margin:0 auto;transition:.3s}.card:hover{box-shadow:0 0 20px -1px var(--main-color);scale:1.01}.card .card-text{display:flex;flex-direction:column;align-items:center;gap:20px;padding:15px}.none{display:flex;align-items:center;justify-content:center;height:100vh}.card .card-text h2{color:var(--main-color);border:2px dashed;border-color:transparent transparent var(--main-color) transparent}.card .card-text p{width:40%;line-height:1.5}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:16px;margin:0 auto}.hero-text{flex:1 1 500px;max-width:600px}h1{font-size:50px;color:transparent;background:linear-gradient(180deg,var(--secondary-color),var(--hover-color),var(--main-color),var(--text-color));-webkit-background-clip:text;background-clip:text;margin-bottom:20px}.hero-text p{font-size:18px;margin-bottom:20px;line-height:1.6}.features{list-style:none;margin-bottom:30px}.features li{margin-bottom:10px}button{background-color:var(--main-color);color:#fff;padding:14px 28px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .3s}.hero-image{flex:1 1 400px;max-width:450px;text-align:center}.hero-image img{max-width:100%;height:auto}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp 1s forwards}.fade-in.delay-1{animation-delay:.3s}.fade-in.delay-2{animation-delay:.6s}.fade-in.delay-3{animation-delay:.9s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero{flex-direction:column;text-align:center}.hero-text,.hero-image{max-width:100%}.hero-text h1{font-size:36px}}.form-container{max-width:600px;margin:20px auto;padding:20px;background:var(--secondary-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;position:relative}.form-container:before{content:"";width:5px;height:100%;position:absolute;left:0;top:0;background-color:var(--after-color)}h3{margin:7px auto;color:var(--text-color)}.total{text-align:center;margin-bottom:5px}.total span{font-weight:bolder;font-size:18px;color:var(--hover-color)}.options-container{display:flex;flex-direction:column;gap:12px}.option-card{position:relative;border:1px solid var(--hover-color);border-radius:6px;padding:12px 16px;cursor:pointer;transition:all .2s ease;background-color:var(--secondary-color)}.option-card:hover{border-color:var(--secondary-color);box-shadow:0 0 5px var(--hover-color)}.option-card input[type=radio]{margin-right:15px;cursor:pointer}.option-card label{padding:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.buttons{margin-top:20px;display:flex;justify-content:end;transition:.3s}.buttons:active{transform:translateY(-10px)}button{padding:10px 16px;border:none;border-radius:4px;background-color:var(--main-color);color:#fff;cursor:pointer;font-weight:500;transition:background-color .5s ease}button:hover{background-color:var(--hover-color)}.correct-ans{display:flex;align-items:center}.questions{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:70%;background-color:var(--secondary-color);border:2px solid var(--main-color);border-radius:10px;padding:10px;margin:20px auto}.anim-show{opacity:0;animation:forwards 4s display}@keyframes display{to{opacity:1}}.correct-ans .qNumber{position:relative;margin-left:auto;font-size:50px;background-color:var(--hover-color)}.correct-ans .qNumber:after{content:"";position:absolute;background-color:var(--main-color);width:2px;height:100%;right:-7px;bottom:-22px;z-index:20}.correct-ans .crt-ans{background-color:#6cffbb;padding:15px;border-radius:15px}.finish-btn{display:flex;justify-content:center}.finish-btn div{display:flex;flex-direction:column;align-items:center;gap:15px;box-shadow:0 0 5px 0 var(--main-color);margin-top:35px;padding:15px;border-radius:10px;width:40%;position:relative;transition:.3s}.finish-btn div:hover{transform:scale(1.01)}.answer{display:flex;align-items:center;justify-content:space-between;padding:15px;width:80%;margin:15px auto;border-radius:5px}.answer p{background-color:var(--main-color);padding:5px;border-radius:5px;color:var(--secondary-color);font-size:17px;text-align:center}p.guide-answers{display:flex;align-items:center;justify-content:space-evenly}p.guide-answers span{display:block;width:fit-content;color:var(--secondary-color);padding:5px;border:1px solid;height:fit-content}p.guide-answers .red{background-color:red}p.guide-answers .green{background-color:#34fd34}.footer{display:flex;align-items:center;justify-content:space-around;background-color:var(--hover-color);padding:25px}.footer .links ul{display:flex;flex-direction:column;gap:10px}:root{--main: #1A8795;--secondary: #fcedf6;--hover: #0c1c69;--text: #777360}.notfound-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--secondary);color:var(--text);text-align:center;padding:4rem}.notfound-container img{width:40%}.notfound-container h2{font-size:2rem;margin:1rem 0}.notfound-container p{margin:1rem 0 2rem;font-size:1.2rem}.notfound-container a{display:inline-block;padding:.8rem 1.5rem;background-color:var(--main);color:var(--secondary);text-decoration:none;font-weight:700;border-radius:5px;transition:background-color .3s ease}.notfound-container a:hover{background-color:var(--hover)}