*{color:#fff;margin:10px 0 0}h1,h2,footer{letter-spacing:-.02em;font-family:Syne,sans-serif}a{color:#7f6399;text-decoration:none}body,p{font-family:Plus Jakarta Sans,sans-serif}footer{padding:20px 0}.hero{flex-direction:column;justify-self:center;align-items:center;width:100vw;height:100dvh;display:flex;overflow:hidden}.figure{justify-content:space-between;align-items:center;width:95%;height:calc(100% - 70px);display:flex}.figure h1{color:#fff;margin:0;font-size:3.2rem;top:0}.figure h2{color:#a855f7;margin:0;font-size:2rem}.figure a{color:#fff;background:linear-gradient(135deg,#9333ea 0%,#7e22ce 100%);border:1px solid #c084fc4d;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #9333ea59}.figure a:hover{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);transform:translateY(-2px);box-shadow:0 6px 25px #9333ea8c}.figure a span{background-color:#ffffffdc;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0;transition:transform .2s,background-color .2s;display:flex}.figure a:hover span{transform:translate(3px)}.figure a span img{object-fit:contain;width:16px;height:auto}.figure img{object-fit:contain;filter:drop-shadow(0 0 1px #f0f0f0);z-index:2;width:auto;height:100%;margin:0;transition:transform .3s ease-in-out,filter .3s ease-in-out}.figure strong{color:#7f6399}.figureCard{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.figure .information{flex-direction:column;justify-content:center;align-items:flex-start;width:50%;height:100%;display:flex}.figure .images{justify-content:center;align-items:center;width:35%;height:100%;display:flex;position:relative}.about{background-color:#06070e;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;display:flex;overflow:hidden}.about h2{text-align:center;color:#7f6399;width:100%;margin:0 auto 20px;font-size:clamp(4rem,10vw,10.5rem);line-height:1}.about h3{color:#7f6399;text-align:left;font-size:1.8rem}.about p{text-align:center;width:100%;max-width:800px;margin-bottom:40px;font-size:1.5rem}.about .content{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:40px;width:95%;height:auto;display:flex}.about .content .box{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:350px;height:auto;max-height:600px;display:flex}.about .content .box video{filter:drop-shadow(0 0 8px #7f6399);border-radius:24px;width:80%;height:auto;margin:10px 0}.about .content .box_2{justify-content:flex-start;width:100%;max-width:450px;overflow:hidden}.about .content .box_3{text-align:left;justify-content:flex-start;align-items:flex-start;width:100%;max-width:400px;& p{text-align:left;width:100%;font-size:1rem}}@media (width<=1000px){.about .content{flex-flow:column;justify-content:center;align-items:center;width:95%;padding:0}.about .content .box{text-align:center;width:100%;max-width:800px;height:800px}.about .content .box video{width:auto;height:600px}}.lines{background-color:#06070e;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:450px;padding:40px 0;display:flex;overflow:hidden}.lines h2{font-size:3.5rem}.lines .content{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:90%;max-width:1200px;margin:30px auto 0;display:flex}.lines .content .card{cursor:pointer;background:linear-gradient(#a855f708 0%,#a855f71f 100%);border:1px solid #a855f733;border-radius:1.5rem;flex-direction:column;justify-content:flex-end;align-items:center;width:220px;height:320px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080;& img{object-fit:contain;filter:drop-shadow(0 10px 15px #0009);height:210px;transition:transform .4s,filter .4s;position:absolute;top:15px}}.lines .content .card h5{-webkit-backdrop-filter:blur(8px);text-align:center;color:#f3e8ff;background:#06070ebf;border-top:1px solid #a855f740;border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;width:100%;margin:0;padding:18px 10px;font-size:1.3rem;font-weight:600;transition:background .3s,color .3s}.lines .content .card:hover{border-color:#a855f799;transform:translateY(-8px);box-shadow:0 15px 35px -10px #a855f74d;& img{transform:scale(1.08)translateY(-5px)}& h5{color:#fff;background:#a855f740}}