@import url("https://fonts.googleapis.com/css2?family=Chewy&family=Poppins:wght@400;500;600;700&display=swap");.gateway-split{flex-direction:row;font-family:Poppins,sans-serif;min-height:100vh;width:100%}.gateway-panel,.gateway-split{display:flex;overflow:hidden;position:relative}.gateway-panel{align-items:center;flex:1 1 50%;isolation:isolate;justify-content:center;padding:120px 44px 90px;text-align:center;text-decoration:none}.gateway-panel-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;position:absolute;transform:scale(1);transition:transform .6s ease,background-position .8s ease;will-change:transform;z-index:0}.gateway-panel:before{content:"";inset:0;pointer-events:none;position:absolute;transition:background .35s ease;z-index:1}.gateway-panel.create:before{background:rgba(224,175,24,.8)}.gateway-panel.share:before{background:rgba(47,139,189,.8)}.gateway-panel.create:hover:before{background:rgba(224,175,24,.88)}.gateway-panel.share:hover:before{background:rgba(47,139,189,.88)}.gateway-panel.create:focus-visible .gateway-panel-bg,.gateway-panel.create:hover .gateway-panel-bg{background-position:center 55%;transform:scale(1.03)}.gateway-panel.share:focus-visible .gateway-panel-bg,.gateway-panel.share:hover .gateway-panel-bg{background-position:center 55%;transform:scale(1.03)}.gateway-content{margin:auto;max-width:420px;position:relative;z-index:3}.gateway-panel.create .gateway-content{transform:translateX(-4%)}.gateway-panel.share .gateway-content{transform:translateX(4%)}.gateway-heading{color:#fff;font-family:Chewy,cursive;font-size:clamp(42px,4.8vw,88px);letter-spacing:.01em;line-height:.95;margin:0;text-shadow:0 4px 0 rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.3),0 16px 40px rgba(0,0,0,.22)}.gateway-button{border-radius:12px;box-shadow:0 4px 0 rgba(0,0,0,.18),0 10px 22px rgba(0,0,0,.22);display:inline-block;font-size:20px;font-weight:600;letter-spacing:.02em;margin-top:42px;padding:20px 38px;transition:transform .18s ease,box-shadow .18s ease}.gateway-panel:focus-visible .gateway-button,.gateway-panel:hover .gateway-button{box-shadow:0 6px 0 rgba(0,0,0,.18),0 16px 30px rgba(0,0,0,.26);transform:translateY(-2px)}.gateway-panel.create .gateway-button{background:#f4c13d;color:#111;text-shadow:0 1px 0 hsla(0,0%,100%,.25),0 2px 6px hsla(0,0%,100%,.12)}.gateway-panel.share .gateway-button{background:#5aa3cf;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.18)}.gateway-intro{left:50%;pointer-events:none;position:absolute;text-align:center;top:20%;transform:translate(-50%,-50%);z-index:5}.gateway-logo{filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));margin-bottom:16px;width:150px}.gateway-welcome{color:#000;font-family:Chewy,cursive;font-size:56px;text-shadow:0 2px 0 hsla(0,0%,100%,.22),0 4px 10px hsla(0,0%,100%,.16),0 6px 18px hsla(0,0%,100%,.1)}.gateway-panel:focus-visible{outline:3px solid hsla(0,0%,100%,.9);outline-offset:-3px}@media(max-width:1200px){.gateway-heading{font-size:clamp(38px,4.5vw,70px)}.gateway-content{max-width:360px}}@media(max-width:900px){.gateway-heading{font-size:clamp(36px,6vw,60px)}.gateway-button{font-size:19px;padding:18px 30px}.gateway-panel.create .gateway-content{transform:translateX(-2%)}.gateway-panel.share .gateway-content{transform:translateX(2%)}}@media(max-width:768px){.gateway-split{flex-direction:column;min-height:auto}.gateway-panel{min-height:48vh;padding:110px 30px 70px}.gateway-content{max-width:360px}.gateway-heading{font-size:clamp(38px,9vw,50px);line-height:1}.gateway-button{font-size:18px;margin-top:32px;padding:18px 26px}.gateway-intro{top:90px}.gateway-logo{width:100px}.gateway-welcome{display:none}}@media (prefers-reduced-motion:reduce){.gateway-button,.gateway-panel-bg{transition:none}.gateway-panel:hover .gateway-panel-bg{background-position:50%;transform:none}.gateway-panel:hover .gateway-button{transform:none}}