/* Refine the original purple front door. No lifestyle hero or extra cover tap. */
@font-face{font-family:Satoshi;src:url('./entry-fonts/satoshi-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('./entry-fonts/satoshi-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Satoshi;src:url('./entry-fonts/satoshi-900.woff2') format('woff2');font-weight:900;font-display:swap}
html.cw-entry-preview{-webkit-font-smoothing:antialiased}
html.cw-entry-preview #gateLogin{display:grid;grid-template-columns:minmax(0,460px);grid-template-rows:max-content max-content;align-content:safe center;justify-content:center;background:#111113;padding:24px!important;overflow:auto;height:100dvh;font-family:Satoshi,Arial,sans-serif}
/* Let the artwork grow with its content and safe area. A fixed grid track with
   bottom-aligned flex content pushed the logo under the phone's status bar. */
html.cw-entry-preview #gateLogin .login-world{min-height:0;height:auto;display:block;padding:26px 26px 30px!important;background:#7027ec;border-radius:24px 24px 0 0;overflow:hidden}
html.cw-entry-preview #gateLogin .login-world:before{width:290px;height:290px;border-width:48px;right:-155px;top:-155px}
html.cw-entry-preview #gateLogin .login-world-copy{max-width:100%}
html.cw-entry-preview #gateLogin .login-main-logo{width:111px;height:auto;margin:0;filter:brightness(0) invert(1)}
.cw-entry-wordmark{display:block;color:#fff;font:700 10px/1.3 Satoshi,Arial,sans-serif;letter-spacing:.09em;margin:4px 0 23px}
html.cw-entry-preview #gateLogin .login-world h2{margin:0;max-width:270px;font:900 39px/.98 Satoshi,Arial,sans-serif;letter-spacing:-.045em;color:#fff}
html.cw-entry-preview #gateLogin .login-world h2 em{font:italic 400 39px/1.08 Georgia,serif;letter-spacing:-.05em;color:#d9ff45}
html.cw-entry-preview #gateLogin .login-world p,html.cw-entry-preview #gateLogin .login-perks{display:none}
html.cw-entry-preview #gateLogin .login-fypi-shell{width:100px;height:100px;right:22px;top:24px;bottom:auto;border:2px solid rgba(255,255,255,.4);box-shadow:4px 5px 0 rgba(0,0,0,.16);animation:none}
html.cw-entry-preview #gateLogin .login-eye-glint{display:none}
html.cw-entry-preview #gateLogin>.card{position:relative;z-index:3;align-self:start;justify-self:stretch;width:100%;max-width:none;max-height:none;margin:0;padding:25px 26px 22px!important;border:0;border-radius:0 0 24px 24px;background:white;box-shadow:none;overflow:visible}
html.cw-entry-preview #gateLogin .login-card-intro{display:flex;align-items:center;margin:0 0 16px;gap:12px}
html.cw-entry-preview #gateLogin .login-card-intro h1{font:900 28px/1.1 Satoshi,Arial,sans-serif!important;letter-spacing:-.04em}
html.cw-entry-preview #gateLogin .login-card-intro span{display:none}
html.cw-entry-preview #gateLogin label{font:700 13px/1.4 Satoshi,Arial,sans-serif;margin:0 0 6px;letter-spacing:0;text-transform:none}
html.cw-entry-preview #gateLogin input{font:400 16px/1.4 Satoshi,Arial,sans-serif;min-height:46px;padding:11px 13px;border:1px solid #dedbe3;border-radius:11px;background:#f8f7fa;box-shadow:none}
html.cw-entry-preview #gateLogin .login-password-field input{padding-right:65px}
html.cw-entry-preview #gateLogin #creatorKnownEmailNote{font-size:11px!important;line-height:1.4;color:#77717e}
html.cw-entry-preview #gateLogin #creatorPwWrap{margin-top:12px!important}
html.cw-entry-preview #gateLogin .login-password-show{font:700 12px Satoshi,Arial,sans-serif;letter-spacing:0;min-width:44px;min-height:44px;right:7px}
html.cw-entry-preview #gateLogin .btn{font:700 15px/1.25 Satoshi,Arial,sans-serif;min-height:48px;border-radius:8px;letter-spacing:0;text-transform:none;box-shadow:none}
html.cw-entry-preview #gateLogin .btn.go{background:#d9ff45;color:#111113;border:1px solid #111113;box-shadow:none}
html.cw-entry-preview #gateLogin .acts{margin-top:14px}
html.cw-entry-preview #gateLogin .login-alt-actions{display:grid;gap:0;margin:8px 0 0}
html.cw-entry-preview #gateLogin .linkbtn{font:700 12px/1.4 Satoshi,Arial,sans-serif;min-height:44px;color:#6020cd;white-space:normal}
html.cw-entry-preview #gateLogin .login-signup{display:flex;align-items:center;gap:12px;margin:0 0 22px;padding:12px 14px;border:0;border-radius:12px;background:#f4efff;text-align:left}
html.cw-entry-preview #gateLogin .login-signup>span{flex:1;font:700 13px/1.4 Satoshi,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#30283e}
html.cw-entry-preview #gateLogin .creator-signup{flex:none;width:auto;min-height:44px;margin:0;padding:10px 12px;background:white;border:1px solid #ded5ef;box-shadow:none;color:#6020cd;font-size:13px}
html.cw-entry-preview #gateLogin .creator-signup b{color:inherit}
html.cw-entry-preview #gateLogin .login-signup>small{display:none}
html.cw-entry-preview #gateLogin .err:not(:empty){padding:10px 12px;background:#fff1f0;border-radius:8px;font-size:13px;line-height:1.4}
html.cw-entry-preview #gateLogin :is(button,a,input):focus-visible{outline:3px solid #7027ec;outline-offset:3px}
html.cw-entry-preview #gateLogin .btn:active{transform:scale(.96)}
@media(max-width:700px){
 html.cw-entry-preview #gateLogin{padding:0!important;grid-template-rows:max-content max-content;align-content:start;background:#fff}
 html.cw-entry-preview #gateLogin .login-world{border-radius:0;min-height:0;padding:calc(24px + env(safe-area-inset-top)) 24px 39px!important}
 html.cw-entry-preview #gateLogin .login-fypi-shell{top:calc(24px + env(safe-area-inset-top));width:88px;height:88px}
 html.cw-entry-preview #gateLogin>.card{border-radius:24px 24px 0 0;margin-top:-16px;min-height:0;padding:24px 24px max(24px,env(safe-area-inset-bottom))!important}
}
@media(max-width:700px) and (max-height:740px){
 html.cw-entry-preview #gateLogin .login-world{min-height:0;padding:calc(20px + env(safe-area-inset-top)) 22px 33px!important}
 html.cw-entry-preview #gateLogin .login-main-logo{width:85px}.cw-entry-wordmark{font-size:9px;margin:3px 0 12px}
 html.cw-entry-preview #gateLogin .login-world h2{font-size:30px}html.cw-entry-preview #gateLogin .login-world h2 em{font-size:31px}
 html.cw-entry-preview #gateLogin .login-fypi-shell{width:76px;height:76px;top:calc(20px + env(safe-area-inset-top));right:22px}
 html.cw-entry-preview #gateLogin>.card{padding:22px 22px max(24px,env(safe-area-inset-bottom))!important;min-height:0}
 html.cw-entry-preview #gateLogin .login-card-intro{margin-bottom:12px}html.cw-entry-preview #gateLogin .login-card-intro h1{font-size:25px!important}
 html.cw-entry-preview #gateLogin .acts{margin-top:10px}
}