@import"https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700,800,900|Barlow:300,400,500,600,700,800,900&display=swap";html:has(.admin-scope){font-size:14px}.admin-scope{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem}.admin-scope .admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.admin-scope .admin-header h2{font-size:2.2rem}.admin-scope .container-fluid .container{max-width:1200px;margin:auto;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.5rem;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.3)}.admin-scope h2{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.admin-scope .px-md-4 .d-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.admin-scope .btn-outline-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.admin-scope .btn-outline-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b66;background:linear-gradient(135deg,#ff5252,#d32f2f);color:#fff}.admin-scope .alert-primary{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:none;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #2196f326;border-left:4px solid #2196f3}.admin-scope .alert-primary strong{color:#1565c0;font-weight:700;font-size:1.1rem}.admin-scope .alert-primary span{display:inline-block;margin-right:16px;font-size:1rem;color:#1976d2;font-weight:500;padding:4px 12px;background:#ffffffb3;border-radius:20px;margin-top:8px}.admin-scope .pb-3{margin-bottom:2rem}.admin-scope .pb-3 .input-group{display:flex;gap:12px;width:100%;max-width:780px;background:#fff;padding:1rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0}.admin-scope .pb-3 .input-group .form-select,.admin-scope .pb-3 .input-group .form-control{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-weight:500;transition:all .3s ease;background:#fff}.admin-scope .pb-3 .input-group .form-select:focus,.admin-scope .pb-3 .input-group .form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.admin-scope .pb-3 .input-group .form-select{min-width:140px}.admin-scope .pb-3 .input-group .form-control{flex:1}.admin-scope .table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.5rem;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.admin-scope .table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.admin-scope .table thead th{padding:18px 16px;font-weight:700;color:#fff;font-size:1rem;text-align:center;border:none;position:relative}.admin-scope .table thead th:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#ffffff4d}.admin-scope .table tbody tr{transition:all .3s ease;border-bottom:1px solid #f1f5f9}.admin-scope .table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01);box-shadow:0 4px 20px #0000001a}.admin-scope .table tbody tr:last-child{border-bottom:none}.admin-scope .table tbody tr td{padding:16px;text-align:center;font-size:.95rem;font-weight:500;color:#475569;border:none;vertical-align:middle}.admin-scope .table tbody tr:nth-child(2n){background:#f8fafc80}.admin-scope .badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-scope .badge-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.admin-scope .badge-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.admin-scope .badge-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.admin-scope .badge-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.admin-scope .input-group.w-100{display:flex;gap:0;width:100%}.admin-scope .input-group.w-100 .form-control{flex:1;padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px 0 0 10px;border-right:0;font-size:.9rem;transition:all .3s ease}.admin-scope .input-group.w-100 .form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.admin-scope .input-group.w-100 .btn-secondary{background:linear-gradient(135deg,#64748b,#475569);border:none;color:#fff;padding:10px 16px;font-weight:600;font-size:.9rem;transition:all .3s ease;white-space:nowrap;border-radius:0 10px 10px 0}.admin-scope .input-group.w-100 .btn-secondary:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-1px);box-shadow:0 4px 15px #4755694d}.admin-scope .pagination{display:flex;list-style:none;gap:8px;padding:0;margin-top:2.5rem;justify-content:center;flex-wrap:wrap}.admin-scope .pagination .page-item .page-link{border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#475569;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;width:35px;height:35px;text-align:center;white-space:nowrap}.admin-scope .pagination .page-item .page-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.admin-scope .pagination .page-item .page-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.admin-scope .pagination .page-item .page-link:disabled{background:#f1f5f9;color:#94a3b8;border-color:#e2e8f0;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.admin-scope{padding:1rem}.admin-scope .container{padding:1.5rem}.admin-scope h2{font-size:1.8rem}.admin-scope .input-group{flex-direction:column;gap:8px}.admin-scope .table{font-size:.85rem}.admin-scope .table th,.admin-scope .table td{padding:12px 8px}.admin-scope .pagination{gap:4px}.admin-scope .pagination .page-link{padding:8px 12px;font-size:.85rem}}.footer{background-color:#2c2c2c;padding:8rem 0;display:flex;justify-content:center}@media (max-width: 1000px){.footer{padding:3rem 1.5rem;justify-content:flex-start}}.footer__title{color:#fff;font-family:var(--font-weight-600);font-size:4.6rem;margin-bottom:3.5rem}@media (max-width: 1000px){.footer__title{font-size:2.2rem;margin-bottom:1.5rem}}@media (max-width: 768px){.footer__title{display:none}}.footer__mobile{display:none}@media (max-width: 768px){.footer__mobile{display:block}}@media (max-width: 768px){.footer__list{display:none}}.footer__list li{line-height:1.3;letter-spacing:-.025em;text-align:left;position:relative;color:#fff;padding-left:.8rem;font-size:2.2rem}.footer__list li+li{margin-top:1.5rem}@media (max-width: 1000px){.footer__list li{font-size:1.2rem}.footer__list li+li{margin-top:1rem}}.footer__list li:after{content:"";position:absolute;left:0;top:1rem;width:2px;height:2px;background-color:#fff}.luck{height:3364px;background:#1c1c1c url(lucky/bg.png) no-repeat center center}@media (max-width: 1000px){.luck{height:auto;background:url(lucky/bg-mobile.png) no-repeat center top/100% auto;padding-bottom:8%}}.luck__title{padding-top:24.5rem;text-align:center}@media (max-width: 1000px){.luck__title{padding-top:0}.luck__title .pc{display:none}}.luck__title .pc{vertical-align:top;position:relative}@media (min-width: 1001px){.luck__title .pc{display:inline-block}.luck__title .pc:after{content:"";display:inline-block;position:absolute;width:32rem;height:7.1rem;background:url(lucky/shiny.png) no-repeat center center;left:-14rem;top:4rem}}.luck__step{text-align:center;padding-top:5.5rem}@media (max-width: 1000px){.luck__step{padding-top:0}}.luck__step-text{padding-top:5rem}@media (max-width: 1000px){.luck__step-text{display:none}}.luck__step-text p{line-height:1.4;color:#fff;opacity:.55;font-size:2rem;font-family:var(--font-weight-500);font-weight:500}.luck__info{border:2px solid var(--color-primary);background:#000;padding:32px 0;width:74rem;margin:25px auto 0;text-align:center}@media (max-width: 1000px){.luck__info{display:none}}.luck__info-text{font-size:2.6rem;font-family:var(--font-weight-400);font-weight:400;color:#fff;line-height:1.34;letter-spacing:-.045em}.luck__info-text b{font-family:var(--font-weight-700);font-weight:700;color:var(--color-primary)}.luck__mission-title{display:flex;justify-content:center;padding:75px 0 45px}@media screen and (max-width: 1000px){.luck__mission-title{padding:0}}.luck__mission-title .title{position:relative}.luck__mission-title .bubble{position:absolute;bottom:110px;right:0;transform:translate(90%)}.luck__mission-list{width:884px;margin:0 auto;display:flex;flex-direction:column;gap:4.5rem 0}@media screen and (max-width: 1000px){.luck__mission-list{width:100%;padding:0;gap:1.2355vh}}.luck__mission-item{width:100%;height:287px;background:url(lucky/mission-item-bg.png) no-repeat center center;background-size:100% 100%;position:relative;transition:all .3s}@media screen and (max-width: 1000px){.luck__mission-item{height:auto;background:none}}.luck__mission-item:hover{background-image:url(lucky/mission-item-bg-hover.png)}@media screen and (max-width: 1000px){.luck__mission-item:hover{background:none}}.luck__mission-item .box{width:100%;height:100%;display:flex}@media screen and (max-width: 1000px){.luck__mission-item .box{height:auto;position:relative;display:none}}.luck__mission-item .mission-icon{display:flex;align-items:center;justify-content:center;width:177px;height:100%}.luck__mission-item .mission-content{flex:1;padding-top:45px}.luck__mission-item .mission-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid rgba(1,255,86,.4);margin-right:6px;padding-right:46px}.luck__mission-item .mission-header img{vertical-align:top}.luck__mission-item .mission-number{font-size:1.9rem;font-family:var(--font-weight-700);font-weight:700;color:var(--color-primary);opacity:.4;padding-bottom:3px}.mission-details{display:flex;justify-content:space-between;padding-top:3rem}.mission-details .desc{flex:1}.mission-details .mission-title{display:flex;align-items:center;gap:0 1rem}.mission-details .mission-title h3{font-family:var(--font-weight-700);font-weight:700;color:var(--color-primary);font-size:38px}.mission-details .mission-title .target-audience{border:2px solid var(--color-primary);color:var(--color-primary);font-size:2.4rem;font-family:var(--font-weight-600);font-weight:600;padding:.3rem .8rem;border-radius:4px}.mission-details .mission-description{color:#fff;font-size:28px;margin-top:1.3rem}.mission-details .mission-note{color:#a7a8a8;font-size:21px;margin-top:.6rem}.mission-details .mission-actions{display:flex;flex-direction:column;gap:1rem;padding-right:45px}.mission-details .mission-actions a{text-decoration:none;display:flex;align-items:center;justify-content:center;color:#000;font-size:2rem;font-family:var(--font-weight-700);font-weight:700;border-radius:4px;border:2px solid #7aff99;width:118px;height:35px}.mission-details .mission-actions .btn-go-mission{background-color:#fff}.mission-details .mission-actions .btn-certify-mission{background-color:#01ff56}.mobile-box{display:none;position:relative}.mobile-box a{position:absolute;display:block;top:50%;left:23.59375%;right:23.59375%;z-index:2;height:8.4058%;font-size:0}.mobile-box .btn-go-mission{top:69.3406%}.mobile-box .btn-certify-mission{top:79.5406%}@media (max-width: 1000px){.mobile-box{display:block}.mobile-box img{width:100%}}.prize{background:#111 url(prize/bg.png) no-repeat center center;height:1155px;display:flex;justify-content:center;align-items:center}@media (max-width: 1000px){.prize{height:auto;background:none;display:block}}.prize-list{width:884px;margin:0 auto;display:flex;flex-direction:column;gap:4.5rem 0}@media (max-width: 1000px){.prize{background:url(prize/bg-mobile.png) no-repeat center top/100% auto;height:auto}}.prize-title{text-align:center}.prize__list{display:flex;flex-wrap:wrap;gap:0 25px;padding-top:50px}.item-large{flex:1}.item-large .item{bottom:75px}.prize-item{position:relative}.prize-item .item{position:absolute;left:50%;transform:translate(-50%) scale(1);transition:transform .3s ease-in-out}.prize-item .item:hover{transform:translate(-50%) scale(1.1)}.prize-item-02 .item,.prize-item-03 .item{bottom:2rem}.prize-item-04 .item{bottom:1.2rem}.prize-item-05 .item{bottom:3rem}.prize-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 25px}.prize-mobile{display:none}@media (max-width: 1000px){.prize-inner{display:none}.prize-mobile{display:block}.prize-mobile img{width:100%}}.roulette{background:#1c1c1c url(roulette/bg.png) no-repeat center center;height:2296px}@media (max-width: 1000px){.roulette{height:auto;background:#2c2c2c url(roulette/bg-mobile.png) no-repeat center top/100% auto}}.roulette-inner{width:1180px;margin:0 auto;position:relative;height:100%}@media (max-width: 1000px){.roulette-inner{width:100%;height:auto}}.roulette-inner .deco{position:absolute}.roulette-inner .deco-1{top:266px;left:-208px}@media (max-width: 1000px){.roulette-inner .deco-1{display:none}}.roulette-inner .deco-2{top:363px;right:-175px}@media (max-width: 1000px){.roulette-inner .deco-2{display:none}}.roulette-inner .deco-3{top:800px;right:-40px}.roulette-inner .deco-3 img{animation:updown 2s infinite ease-in-out alternate}@media (max-width: 1000px){.roulette-inner .deco-3{top:41.7775%;right:6.9375%;width:6.71875%}}.roulette-inner .deco-4{top:1366px;left:-40px}.roulette-inner .deco-4 img{animation:updown 2s infinite ease-in-out alternate}@media (max-width: 1000px){.roulette-inner .deco-4{top:75.2938%;left:6.25%;width:12.1875%}}.roulette-inner .deco-5{bottom:240px;right:-10px}@media (max-width: 1000px){.roulette-inner .deco-5{display:none}}.roulette .roulette-title{text-align:center;padding-top:14.5rem}@media (max-width: 1000px){.roulette .roulette-title{padding-top:0}}.roulette-input{display:flex;width:846px;height:150px;border:3px solid var(--color-primary);padding:2rem;margin:0 auto}@media (max-width: 1000px){.roulette-input{width:100%;height:auto;margin-top:0;padding:0;border:0;position:relative}}.roulette-input input{flex:1;font-family:var(--font-weight-600);font-weight:600;color:#111;font-size:3.4rem;background-color:#e6e6e6;padding-left:3.5rem}@media (max-width: 1000px){.roulette-input input{background:none;position:absolute;border:0;padding-left:5%;left:3%;top:15%;height:69%;font-size:5vw;width:73%}}.roulette-input input::placeholder{color:#b3b3b3}.roulette-input button{width:246px;background:linear-gradient(90deg,#56f83e,#22cb09);font-weight:700;font-family:var(--font-weight-700);font-size:3.4rem;color:#111}@media (max-width: 1000px){.roulette-input button{width:22%;font-size:0;padding:0;position:absolute;top:15%;height:69%;right:3%;background:none}}.wheel{position:relative;width:871px;margin:95px auto 0}.wheel-inner{transition:transform 5s cubic-bezier(.25,.1,.25,1);transform-origin:center center}@media (max-width: 1000px){.wheel{width:100%;height:auto;margin-top:10.5363%;position:relative;padding:0 3.4375%}}.wheel .pointer{position:absolute;top:-30px;left:50%;transform:translate(-50%);z-index:2}@media (max-width: 1000px){.wheel .pointer{top:-5.4637%;width:11.40625%}}.wheel-text{text-align:center;margin-top:7rem}@media (max-width: 1000px){.wheel-text{margin-top:0}}.popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;z-index:100;display:flex;justify-content:center;align-items:center}.popup .popup-inner{position:relative;display:inline-block;margin:0 3vw}.popup .popup-inner button{position:absolute;left:15%;right:15%;bottom:22%;height:23%;font-size:0;display:block}.roulette-info{text-align:center;font-size:3.4rem;font-family:var(--font-weight-600);color:#fff;padding:5rem 0 4.5rem}.footer__share{display:flex;align-items:center;justify-content:center;gap:0 3rem;padding-top:15rem;padding-bottom:2.1rem}@media (max-width: 768px){.footer__share{gap:6.5625%;padding:0 0 18%}}.footer__share a,.footer__share button{display:block;font-size:0;border:0;background:none;width:14.0625%;max-width:8rem;padding:0}.footer__share a img,.footer__share button img{max-width:100%}@keyframes updown{0%{transform:translateY(0)}to{transform:translateY(40px)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.mobile{display:none}@media (max-width: 1000px){.pc{display:none}.mobile{display:block!important}.mobile img{width:100%;max-width:100%}.mobile{width:100%}}@keyframes lightOn{0%{clip-path:inset(0 100% 0 0);filter:blur(6px) brightness(1.2);transform:scale(1.05);opacity:.3}40%{clip-path:inset(0 50% 0 0);filter:blur(3px) brightness(1.1);opacity:.6}70%{clip-path:inset(0 10% 0 0);filter:blur(1px) brightness(1.3);opacity:.9}to{clip-path:inset(0 0 0 0);filter:blur(0px) brightness(1);transform:scale(1);opacity:1}}.shine{position:relative}.shine .on{position:absolute;top:0;left:0;animation:lightOn 1.2s ease-out forwards}.sub_title{text-align:center}.visual{height:103rem;background:#1c1c1c url(visual/bg.png) no-repeat center center}@media (max-width: 1000px){.visual{background:#1c1c1c url(visual/bg-mobile.png) no-repeat center center/cover;height:auto}}.visual__inner{height:100%;display:flex;justify-content:center;position:relative;margin:0 var(--gap)}.visual__inner:before{content:"";position:absolute;inset:0;background:url(visual/bg-deco.png) no-repeat center top;opacity:1;animation:twinkle 2s infinite ease-in-out}@media (max-width: 1000px){.visual__inner{background:none;height:auto}}.visual__text{text-align:center;padding-bottom:5rem}.visual__title .mobile{position:absolute;top:0;left:0;width:100%}.visual__container{position:relative;width:var(--max-width);margin:0 auto;height:100%;display:flex;align-items:center;flex-direction:column;padding-top:8rem}@media (max-width: 1000px){.visual__container{padding-top:151.25%;position:relative;height:auto}}.visual__container .icon-position{position:absolute}.visual__container .icon-position img{max-width:100%}.visual__container .icon-01{top:14.8rem;right:-1rem}.visual__container .icon-01 img{animation:updown 2s infinite ease-in-out alternate}@media (max-width: 1000px){.visual__container .icon-01{width:16.40625%;top:2.330578%;right:8.75%}}.visual__container .icon-02{left:0;top:57rem;animation:updown 1.5s infinite ease-in-out alternate}@media (max-width: 1000px){.visual__container .icon-02{width:15.15625%;top:48.5547%;left:3.03125%}}.visual__info{display:flex;flex-direction:column;gap:3.6rem 0;text-align:center;padding-top:8rem}.visual__info dl dt{color:#54fb3b;font-family:var(--font-weight-700);font-size:3.2rem;margin-bottom:1.4rem}.visual__info dl dd{color:#fff;font-family:var(--font-weight-300);font-size:3.4rem}@media (max-width: 1000px){.visual__info{display:none}}.about{position:fixed;z-index:10;bottom:10px;right:10px;width:40px;height:40px;display:flex;justify-content:flex-end;align-items:flex-end;transition:all .2s ease}.about .bg_links{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#0003;border-radius:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute}.about .logo{width:40px;height:40px;z-index:9;background-image:url(https://rafaelavlucas.github.io/assets/codepen/logo_white.svg);background-size:50%;background-repeat:no-repeat;background-position:10px 7px;opacity:.9;transition:all 1s .2s ease;bottom:0;right:0}.about .social{opacity:0;right:0;bottom:0}.about .social .icon{width:100%;height:100%;background-size:20px;background-repeat:no-repeat;background-position:center;background-color:transparent;display:flex;transition:all .2s ease,background-color .4s ease;opacity:0;border-radius:100%}.about .social.portfolio{transition:all .8s ease}.about .social.portfolio .icon{background-image:url(https://rafaelavlucas.github.io/assets/codepen/link.svg)}.about .social.dribbble{transition:all .3s ease}.about .social.dribbble .icon{background-image:url(https://rafaelavlucas.github.io/assets/codepen/dribbble.svg)}.about .social.linkedin{transition:all .8s ease}.about .social.linkedin .icon{background-image:url(https://rafaelavlucas.github.io/assets/codepen/linkedin.svg)}.about:hover{width:105px;height:105px;transition:all .6s cubic-bezier(.64,.01,.07,1.65)}.about:hover .logo{opacity:1;transition:all .6s ease}.about:hover .social{opacity:1}.about:hover .social .icon{opacity:.9}.about:hover .social:hover{background-size:28px}.about:hover .social:hover .icon{background-size:65%;opacity:1}.about:hover .social.portfolio{right:0;bottom:calc(100% - 40px);transition:all .3s 0s cubic-bezier(.64,.01,.07,1.65)}.about:hover .social.portfolio .icon:hover{background-color:#698fb7}.about:hover .social.dribbble{bottom:45%;right:45%;transition:all .3s .15s cubic-bezier(.64,.01,.07,1.65)}.about:hover .social.dribbble .icon:hover{background-color:#ea4c89}.about:hover .social.linkedin{bottom:0;right:calc(100% - 40px);transition:all .3s .25s cubic-bezier(.64,.01,.07,1.65)}.about:hover .social.linkedin .icon:hover{background-color:#0077b5}h1,h2,h3,h4,h5,h6,p,ul,li,button,a,i,input,body{margin:0;padding:0;list-style:none;border:0;-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit}h1:focus,h2:focus,h3:focus,h4:focus,h5:focus,h6:focus,p:focus,ul:focus,li:focus,button:focus,a:focus,i:focus,input:focus,body:focus{outline:0}body{margin:0;padding:0;height:auto;font-family:Barlow,sans-serif;background:#695681}.logo{position:fixed;z-index:5;bottom:10px;right:10px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:#0000001a;border-radius:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo img{width:55%;height:55%;transform:translateY(-1px);opacity:.8}nav .menu{width:100%;height:80px;position:absolute;display:flex;align-items:center;justify-content:space-between;padding:0 5%;box-sizing:border-box;z-index:3}nav .menu .website_name{color:#695681;font-weight:600;font-size:20px;letter-spacing:1px;background:#fff;padding:4px 8px;border-radius:2px;opacity:.5;transition:all .4s ease;cursor:pointer}nav .menu .website_name:hover{opacity:1}nav .menu .menu_links{transition:all .4s ease;opacity:.5}nav .menu .menu_links:hover{opacity:1}@media screen and (max-width: 799px){nav .menu .menu_links{display:none}}nav .menu .menu_links .link{color:#fff;text-transform:uppercase;font-weight:500;margin-right:50px;letter-spacing:2px;position:relative;transition:all .3s .2s ease}nav .menu .menu_links .link:last-child{margin-right:0}nav .menu .menu_links .link:before{content:"";position:absolute;width:0px;height:4px;background:linear-gradient(90deg,#ffedc0,#ff9d87);bottom:-10px;border-radius:4px;transition:all .4s cubic-bezier(.82,.02,.13,1.26);left:100%}nav .menu .menu_links .link:hover{opacity:1;color:#fb8a8a}nav .menu .menu_links .link:hover:before{width:40px;left:0}nav .menu .menu_icon{width:40px;height:40px;position:relative;display:none;justify-content:center;align-items:center;cursor:pointer}@media screen and (max-width: 799px){nav .menu .menu_icon{display:flex}}nav .menu .menu_icon .icon{width:24px;height:2px;background:#fff;position:absolute}nav .menu .menu_icon .icon:before,nav .menu .menu_icon .icon:after{content:"";width:100%;height:100%;background:inherit;position:absolute;transition:all .3s cubic-bezier(.49,.04,0,1.55)}nav .menu .menu_icon .icon:before{transform:translateY(-8px)}nav .menu .menu_icon .icon:after{transform:translateY(8px)}nav .menu .menu_icon:hover .icon{background:#ffedc0}nav .menu .menu_icon:hover .icon:before{transform:translateY(-10px)}nav .menu .menu_icon:hover .icon:after{transform:translateY(10px)}.wrapper{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;height:100vh;overflow-x:hidden}.wrapper .container{margin:0 auto;transition:all .4s ease;display:flex;justify-content:center;align-items:center;position:relative}.wrapper .container .scene{position:absolute;width:100vw;height:100vh;vertical-align:middle}.wrapper .container .one,.wrapper .container .two,.wrapper .container .three,.wrapper .container .circle,.wrapper .container .p404{width:60%;height:60%;top:20%!important;left:20%!important;min-width:400px;min-height:400px}.wrapper .container .one .content,.wrapper .container .two .content,.wrapper .container .three .content,.wrapper .container .circle .content,.wrapper .container .p404 .content{width:600px;height:600px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:content .8s cubic-bezier(1,.06,.25,1) backwards}@keyframes content{0%{width:0}}.wrapper .container .one .content .piece,.wrapper .container .two .content .piece,.wrapper .container .three .content .piece,.wrapper .container .circle .content .piece,.wrapper .container .p404 .content .piece{width:200px;height:80px;display:flex;position:absolute;border-radius:80px;z-index:1;animation:pieceLeft 8s cubic-bezier(1,.06,.25,1) infinite both}@keyframes pieceLeft{50%{left:80%;width:10%}}@keyframes pieceRight{50%{right:80%;width:10%}}@media screen and (max-width: 799px){.wrapper .container .one,.wrapper .container .two,.wrapper .container .three,.wrapper .container .circle,.wrapper .container .p404{width:90%;height:90%;top:5%!important;left:5%!important;min-width:280px;min-height:280px}}@media screen and (max-height: 660px){.wrapper .container .one,.wrapper .container .two,.wrapper .container .three,.wrapper .container .circle,.wrapper .container .p404{min-width:280px;min-height:280px;width:60%;height:60%;top:20%!important;left:20%!important}}.wrapper .container .text{width:60%;height:40%;min-width:400px;min-height:500px;position:absolute;margin:40px 0;animation:text .6s 1.8s ease backwards}@keyframes text{0%{opacity:0;transform:translateY(40px)}}@media screen and (max-width: 799px){.wrapper .container .text{min-height:400px;height:80%}}.wrapper .container .text article{width:400px;position:absolute;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;bottom:0;left:50%;transform:translate(-50%)}@media screen and (max-width: 799px){.wrapper .container .text article{width:100%}}.wrapper .container .text article p{color:#fff;font-size:18px;letter-spacing:.6px;margin-bottom:40px;text-shadow:6px 6px 10px #32243E}.wrapper .container .text article button{height:40px;padding:0 30px;border-radius:50px;cursor:pointer;box-shadow:0 15px 20px #36184f80;z-index:3;color:#695681;background-color:#fff;text-transform:uppercase;font-weight:600;font-size:12px;transition:all .3s ease}.wrapper .container .text article button:hover{box-shadow:0 10px 10px -10px #36184f80;transform:translateY(5px);background:#fb8a8a;color:#fff}.wrapper .container .p404{font-size:200px;font-weight:700;letter-spacing:4px;color:#fff;display:flex!important;justify-content:center;align-items:center;position:absolute;z-index:2;animation:anime404 .6s cubic-bezier(.3,.8,1,1.05) both;animation-delay:1.2s}@media screen and (max-width: 799px){.wrapper .container .p404{font-size:100px}}@keyframes anime404{0%{opacity:0;transform:scale(10) skew(20deg,20deg)}}.wrapper .container .p404:nth-of-type(2){color:#36184f;z-index:1;animation-delay:1s;filter:blur(10px);opacity:.8}.wrapper .container .circle{position:absolute}.wrapper .container .circle:before{content:"";position:absolute;width:800px;height:800px;background-color:#36184f33;border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 5px 20px 40px #36184f40,inset 5px 0 5px #32243e4d,inset 5px 5px 20px #32243e40,2px 2px 5px #fff3;animation:circle .8s cubic-bezier(1,.06,.25,1) backwards}@keyframes circle{0%{width:0;height:0}}@media screen and (max-width: 799px){.wrapper .container .circle:before{width:400px;height:400px}}.wrapper .container .one .content:before{content:"";position:absolute;width:600px;height:600px;background-color:#36184f4d;border-radius:100%;box-shadow:inset 5px 20px 40px #36184f40,inset 5px 0 5px #32243e4d,inset 5px 5px 20px #32243e40,2px 2px 5px #fff3;animation:circle .8s .4s cubic-bezier(1,.06,.25,1) backwards}@media screen and (max-width: 799px){.wrapper .container .one .content:before{width:300px;height:300px}}.wrapper .container .one .content .piece{background:linear-gradient(90deg,#8077ea 13.7%,#eb73ff 94.65%)}.wrapper .container .one .content .piece:nth-child(1){right:15%;top:18%;height:30px;width:120px;animation-delay:.5s;animation-name:pieceRight}.wrapper .container .one .content .piece:nth-child(2){left:15%;top:45%;width:150px;height:50px;animation-delay:1s;animation-name:pieceLeft}.wrapper .container .one .content .piece:nth-child(3){left:10%;top:75%;height:20px;width:70px;animation-delay:1.5s;animation-name:pieceLeft}.wrapper .container .two .content .piece{background:linear-gradient(90deg,#ffedc0,#ff9d87)}.wrapper .container .two .content .piece:nth-child(1){left:0%;top:25%;height:40px;width:120px;animation-delay:2s;animation-name:pieceLeft}.wrapper .container .two .content .piece:nth-child(2){right:15%;top:35%;width:180px;height:50px;animation-delay:2.5s;animation-name:pieceRight}.wrapper .container .two .content .piece:nth-child(3){right:10%;top:80%;height:20px;width:160px;animation-delay:3s;animation-name:pieceRight}.wrapper .container .three .content .piece{background:#fb8a8a}.wrapper .container .three .content .piece:nth-child(1){left:25%;top:35%;height:20px;width:80px;animation-name:pieceLeft;animation-delay:3.5s}.wrapper .container .three .content .piece:nth-child(2){right:10%;top:55%;width:140px;height:40px;animation-name:pieceRight;animation-delay:4s}.wrapper .container .three .content .piece:nth-child(3){left:40%;top:68%;height:20px;width:80px;animation-name:pieceLeft;animation-delay:4.5s}*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{display:inline-block;vertical-align:top}@media (max-width: 1000px){img{max-width:100%}}button{border:0;background:transparent;cursor:pointer}a{cursor:pointer}input{background:transparent;border:0}#smoother-wrapper{height:100%;overflow:hidden}#smoother-content{will-change:transform}:root{--font-weight-100: "Freesentation 1";--font-weight-200: "Freesentation 2";--font-weight-300: "Freesentation 3";--font-weight-400: "Freesentation 4";--font-weight-500: "Freesentation 5";--font-weight-600: "Freesentation 6";--font-weight-700: "Freesentation 7";--font-weight-800: "Freesentation 8";--font-weight-900: "Freesentation 9";--max-width: 120rem;--gap: 0rem;--color-primary: #01ff56}html,body{width:100%;height:100%}html{font-size:10px}body{font-family:var(--font-weight-400);color:#333;line-height:1;letter-spacing:-.043em}