.yui-avatar{position:relative;transition:all .5s}.yui-avatar:hover{transform:scale(1.1)}.yui-avatar .yui-avatar-img{overflow:hidden;background-size:contain;background-repeat:no-repeat;z-index:9;position:relative;transform:scale(1.2);height:100%;width:100%}.yui-avatar>img{border-radius:50%;position:absolute;top:0}
body{background:none}body,h2,h3{font-family:"IBM Plex Mono"}.bbteam-three-widget__wrapper{position:fixed;z-index:-1}.af-button{padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:10px;border:2px solid #9ed3ff;background:rgba(158,211,255,.56);box-shadow:2px 4px 7px 0 rgba(158,211,255,.25);color:#000;font-size:20px;font-style:normal;font-weight:500;line-height:normal;font-family:"IBM Plex Mono"}.af-button>span{display:flex;padding:12px 24px;justify-content:center;align-items:center;gap:18px;align-self:stretch;border-radius:8px;background:#f5fa5f;box-shadow:1px 3px 4px 0 rgba(0,0,0,.25)}.af-page{display:flex;flex-flow:column nowrap;justify-content:flex-start}.af-page .af-banner-section{width:100%;height:100vh;position:relative;overflow:hidden}.af-page .af-banner-section .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:top center;background-repeat:no-repeat;background-image:url("/images/events/afterform/banner.jpg")}.af-page .af-banner-section .bg .logos{margin:40px 0 0 0;width:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:24px}.af-page .af-banner-section .bg .logo{width:207px}.af-page .af-banner-section .bg .logo2{width:93px}.af-page .af-banner-section .bg .mt{position:absolute;bottom:165px;left:50%;transform:translateX(-50%);width:790px;height:208px;background:url("/images/events/afterform/art-challenge.png") no-repeat center}.af-page .af-create-section{width:100%;padding:120px 0;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.af-page .af-create-section .content{width:852px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;text-align:center;gap:40px}.af-page .af-create-section .content>h2{font-size:40px;font-weight:600;background:linear-gradient(90deg, #FFC342 12.39%, #F541FF 46.12%, #46ACFF 91.21%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.af-page .af-create-section .content>div{width:852px;height:352px;padding:35px 58px;color:#fff;text-align:center;font-size:20px;font-weight:500;line-height:1.25em;background:url("/images/events/afterform/create-line-bg.svg") no-repeat top center}.af-page .af-create-section .content>div>p{margin-bottom:1.5em}.af-page .af-join-section{width:100%;padding:0 0 120px 0;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.af-page .af-join-section .content{width:800px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:40px}.af-page .af-join-section .content>h2{color:#56ffd5;text-align:center;text-shadow:0 0 13px #fff;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff;font-family:Neon;font-size:42px;font-style:normal;font-weight:900;line-height:normal;text-transform:uppercase;background:linear-gradient(90deg, #FF4646 0%, #992A2A 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.af-page .af-join-section .content>div{position:relative;width:779px;height:447px;padding:53px 204px 74px 53px;color:#fff;font-size:16px;font-weight:500;line-height:1.5;background:url("/images/events/afterform/join-line-bg.svg") no-repeat top center}.af-page .af-join-section .can-list{display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:12px}.af-page .af-join-section .can-list>dl{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;gap:12px}.af-page .af-join-section .can-list>dl>dt{padding-top:4px;font-size:14px}.af-page .af-join-section .can-list>dl>dd{max-width:510px;color:#fff;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.af-page .af-join-section .cap{position:absolute;top:-78px;right:-90px;z-index:2}.af-page .af-join-section .download-btn{position:absolute;top:100px;right:-132px;z-index:3}.af-page .af-what-section{width:100%;padding:0 0 120px 0;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.af-page .af-what-section .content{width:1100px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:40px}.af-page .af-what-section .content>h2{color:#ffc342;text-align:center;text-shadow:0 0 50px #fff;font-family:"Neon";font-size:42px;font-style:normal;font-weight:900;line-height:normal;text-transform:uppercase;background:linear-gradient(90deg, #FF4646 0%, #992A2A 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.af-page .af-what-section .content .c{position:relative;padding:40px;width:100%;display:flex;flex-flow:row nowrap;justify-content:flex-start;gap:40px;border-radius:20px;border:4px solid #ff4646;background:rgba(158,211,255,.2)}.af-page .af-what-section .pic{flex:0 0 598px;position:relative;padding:10px;display:flex;border-radius:10px;border:1px solid #ffd322;background:rgba(255,70,70,.2)}.af-page .af-what-section .pic .mouse{position:absolute;top:-89px;left:-76px}.af-page .af-what-section .pic .builiding{position:absolute;bottom:-38px;right:-69px}.af-page .af-what-section .can-list{display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:12px}.af-page .af-what-section .can-list>dl{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;gap:12px}.af-page .af-what-section .can-list>dl>dt{padding-top:4px;font-size:14px}.af-page .af-what-section .can-list>dl>dd{color:#fff;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.af-page .af-what-section .can-list>dl>dd>a{color:#ffc342;text-decoration:underline}.af-page .af-why-section{width:100%;padding:150px 0;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;background:url("/images/events/afterform/why-bg.png") no-repeat top center;background-size:cover}.af-page .af-why-section .content{width:1022px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:40px}.af-page .af-why-section .content>h2{color:#56ffd5;text-align:center;text-shadow:0 0 13px #fff;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff;font-family:Neon;font-size:42px;font-style:normal;font-weight:900;line-height:normal;text-transform:uppercase}.af-page .af-why-section .content .list{position:relative;width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:64px}.af-page .af-why-section .content .item{flex:0 0 479px;padding:28px;min-height:108px;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;gap:12px;text-align:center;border-radius:10px;border:3px solid #56ffd5;background:rgba(158,211,255,.4);position:relative}.af-page .af-why-section .content .item .icon{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden;border-radius:7px}.af-page .af-why-section .content .item .icon>i{position:absolute;top:-20px;left:-20px;font-size:40px;color:#ffd966;z-index:1}.af-page .af-why-section .content .item>img{position:absolute;width:140px}.af-page .af-why-section .content .item>img.lb{bottom:-60px;left:-80px}.af-page .af-why-section .content .item>img.lb2{bottom:-80px;left:10px}.af-page .af-why-section .content .item>img.tr{top:-80px;right:-80px}.af-page .af-why-section .content .item>img.rb{bottom:-70px;right:-45px}.af-page .af-why-section .content .item>p{color:#fff;font-size:20px;font-style:normal;font-weight:600;line-height:1.5}.af-page .af-date-section{width:100%;padding:50px 0;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.af-page .af-date-section .content{width:1073px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:40px}.af-page .af-date-section .content>h2{color:#56ffd5;text-align:center;text-shadow:0 0 13px #fff;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff;font-family:Neon;font-size:42px;font-style:normal;font-weight:900;line-height:normal;text-transform:uppercase}.af-page .af-date-section .content>div{display:flex;justify-content:center;align-items:center}.af-page .af-date-section .content .mobile{display:none}.af-page .af-how-section{width:100%;padding:70px 0 200px 0;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.af-page .af-how-section .content{width:1073px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative}.af-page .af-how-section .content>h2{color:#56ffd5;text-align:center;text-shadow:0 0 13px #fff;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff;font-family:Neon;font-size:42px;font-style:normal;font-weight:900;line-height:normal;text-transform:uppercase}.af-page .af-how-section .content .step{margin:40px 0 0 0;width:558px;height:265px;padding:39px 39px 90px 39px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;color:#fff;text-align:center;font-size:20px;font-weight:600;line-height:1.5;background:url("/images/events/afterform/how-line-bg.svg") no-repeat top center;z-index:2;gap:46px}.af-page .af-how-section .content .step .af-button{text-transform:uppercase}.af-page .af-how-section .content .bg{width:800px;height:840px;position:absolute;top:280px;z-index:1}.af-page .af-how-section .content .info{margin:100px 0 0 0;padding:80px 110px 28px 110px;width:713px;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;text-align:center;background:rgba(47,47,47,.84);z-index:2;color:#fff;text-align:center}.af-page .af-how-section .content .info>h3{margin:0 0 12px 0;font-family:"Neon";font-size:28px;font-weight:900;letter-spacing:3.36px;text-transform:uppercase}.af-page .af-how-section .content .info>a{margin:20px 0 0 0;color:#fff;font-size:20px;font-weight:500}.af-page .af-how-section .content .info .socials{margin:28px 0 0 0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:42px}.af-page .af-how-section .content .info .socials>a{color:#fff;font-size:24px}.af-page .af-how-section .content .info>p{margin:76px 0 0 0;font-size:18px;font-weight:500}.af-page .af-footer-section{width:100%;padding:0 0 100px 0;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.af-page .af-footer-section .content{width:1000px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;text-align:center;gap:24px}.af-page .af-footer-section .content>h2{color:#fff;text-align:center;font-size:42px;font-weight:900}.af-page .af-footer-section .content>div{color:#fff;text-align:center;font-size:18px;font-weight:400;line-height:1.5em}.af-page .af-footer-section .content>div>p{margin-bottom:1.5em}.af-page .af-footer-section .content>div a{color:#fff;text-decoration:underline}.af-page .af-footer-section .content>div.foot-logo>img{width:121px}.af-page .af-footer-section .content>div.foot-logo>p{color:#fff;text-align:center;font-family:"IBM Plex Mono";font-size:12px;font-style:normal;font-weight:500;line-height:normal}@media only screen and (min-width: 150px)and (max-width: 979px){.af-page .af-banner-section .bg{background-image:url("/images/events/afterform/banner-sm.png")}.af-page .af-banner-section .bg .logos{display:none}.af-page .af-banner-section .bg .mt{display:none}.af-page .af-create-section{padding:80px 25px}.af-page .af-create-section .content{width:100%;gap:30px}.af-page .af-create-section .content>h2{text-align:left}.af-page .af-create-section .content>div{padding:0;width:100%;height:auto;background:none}.af-page .af-join-section{padding:0 25px 49px 25px}.af-page .af-join-section .content{width:100%;gap:28px}.af-page .af-join-section .content>h2{text-align:left}.af-page .af-join-section .content>div{width:100%;height:auto;padding:0;background:none}.af-page .af-join-section .cap{display:none}.af-page .af-join-section .download-btn{margin-top:28px;position:relative;top:auto;right:auto;display:flex;justify-content:center;align-items:center}.af-page .af-what-section{padding:80px 25px;gap:28px}.af-page .af-what-section .content{width:100%}.af-page .af-what-section .content>h2{text-align:left}.af-page .af-what-section .content .c{position:relative;padding:40px 16px;width:100%;flex-flow:column nowrap;gap:40px}.af-page .af-what-section .pic{flex:0 0 auto;width:100%;height:auto}.af-page .af-what-section .pic .sample{width:100%;height:170px}.af-page .af-what-section .pic .mouse{width:136px;top:-73px;left:-37px}.af-page .af-what-section .pic .builiding{width:110px;right:-31px}.af-page .af-why-section{width:100%;padding:0 25px}.af-page .af-why-section .content{width:100%;flex-flow:column nowrap;gap:36px}.af-page .af-why-section .content .list{width:100%;flex-flow:column nowrap;gap:36px}.af-page .af-why-section .content .item{flex:0 0 auto}.af-page .af-why-section .content .item .icon{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden;border-radius:7px}.af-page .af-why-section .content .item .icon>i{position:absolute;top:-20px;left:-20px;font-size:40px;color:#ffd966;z-index:1}.af-page .af-why-section .content .item>img{display:none;position:absolute;width:86px;z-index:2}.af-page .af-why-section .content .item>img.lb{bottom:auto;top:-43px;left:-27px}.af-page .af-why-section .content .item>img.lb2{bottom:-41px;left:-29px}.af-page .af-why-section .content .item>img.tr{top:auto;bottom:-47px;right:-24px}.af-page .af-why-section .content .item>img.rb{bottom:-39px;right:-22px}.af-page .af-date-section{width:100%;padding:80px 25px}.af-page .af-date-section .content{width:100%;gap:36px}.af-page .af-date-section .content>h2{width:100%;text-align:left}.af-page .af-date-section .content>div{display:flex;justify-content:center;align-items:center}.af-page .af-date-section .content img{display:none}.af-page .af-date-section .content .mobile{display:block;width:100%}.af-page .af-how-section{width:100%;padding:0 25px}.af-page .af-how-section .content{width:100%}.af-page .af-how-section .content>h2{width:100%;text-align:left}.af-page .af-how-section .content .step{margin:36px 0 0 0;width:100%;height:auto;padding:0 0 0 0;background:none;text-align:left}.af-page .af-how-section .content .step>li{width:100%}.af-page .af-how-section .content .bg{display:none}.af-page .af-how-section .content .info{width:100%;margin:80px 0 0 0;padding:16px 0}.af-page .af-how-section .content .info>h3{margin:0 0 32px 0}.af-page .af-how-section .content .info>a{margin:0}.af-page .af-how-section .content .info .socials{margin:16px 0 0 0}.af-page .af-how-section .content .info>p{margin:38px 0 0 0}.af-page .af-footer-section{width:100%;padding:80px 25px}.af-page .af-footer-section .content{width:100%;gap:24px}}