/* Preserve the original split layout, terminal artwork and provider controls. */
body.flip-signin-original { background:#050505; }
body.flip-signin-original [data-testid="sign-in-content"] { padding:24px; }
body.flip-signin-original .flip-login-heading { color:#f1f1ed!important; letter-spacing:-1px!important; text-shadow:none!important; }
body.flip-signin-original .flip-login-heading[style] { text-shadow:none; }
body.flip-signin-original [data-testid="sign-in-content"] button { box-shadow:none!important; transition:background-color .18s,border-color .18s; }
body.flip-signin-original [data-testid$="login-button"] { border:1px solid #ffffff12!important; background:#151516!important; }
body.flip-signin-original [data-testid$="login-button"]:hover { border-color:#ffffff38!important; background:#202022!important; }
body.flip-signin-original [data-testid="phantom-login-button"]:hover { border-color:#ab9ff280!important; }
body.flip-signin-original [data-testid="sign-in-content"] button:focus-visible { outline:2px solid #d8bd6c; outline-offset:5px; }
body.flip-signin-original [data-testid="sign-in-content"] a { text-underline-offset:4px; }
@media(max-width:600px) { body.flip-signin-original [data-testid="sign-in-content"] { padding:24px 16px; } }
@media(prefers-reduced-motion:reduce) { body.flip-signin-original [data-testid="sign-in-content"] button { transition:none; } }
/* The original terminal / sign-in pairing, with FLIP proportions and typography. */
.flip-entry { min-height:100svh; background:#070809; color:#f0f0ed; display:flex; flex-direction:column; padding:0 6vw; font-family:Arial,sans-serif; }
.flip-entry-header { display:flex; align-items:center; justify-content:space-between; height:100px; flex-shrink:0; border-bottom:1px solid #ffffff0c; }
.flip-entry-logo { display:flex; align-items:center; gap:10px; color:#efefec; text-decoration:none; font-size:24px; font-weight:700; letter-spacing:-.6px; }
.flip-entry-header>span { color:#6e7177; font-size:9px; letter-spacing:1.8px; }
.flip-entry-main { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr); align-items:center; gap:5vw; flex:1; width:100%; max-width:1450px; margin:auto; padding:70px 0; }
.flip-entry-label { font-size:10px; letter-spacing:2px; color:#c6b579; margin:0 0 23px; }
.flip-entry h1 { font-weight:500; font-size:clamp(45px,4.6vw,72px); line-height:1.09; letter-spacing:-2.6px; margin:0; }
.flip-entry h1 span { color:#8c8e91; }
.flip-entry-description { color:#929498; font-size:13px; line-height:1.7; margin:22px 0 16px; }
/* Fee pitch: FLIP charges 0.3% per trade (FLIP_FEE_BPS). */
.flip-entry-fee { display:inline-flex; align-items:baseline; gap:8px; max-width:100%; box-sizing:border-box; margin:0 0 35px; padding:8px 14px; border:1px solid #c6b57933; border-radius:999px; background:#c6b5790a; font-size:12px; line-height:1.4; color:#b4b6ba; }
.flip-entry-fee strong { color:#d8c688; font-size:13px; font-weight:700; letter-spacing:.2px; }
.flip-entry-preview { position:relative; overflow:hidden; border-radius:5px; border:1px solid #282a2c; border-bottom:0; height:310px; }
.flip-entry-preview img { display:block; width:100%; height:auto; opacity:.8; }
.flip-entry-preview:after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 55%,#070809); }
.flip-entry-auth { padding:35px 0 35px 30px; border-left:1px solid #ffffff0c; }
.flip-entry [data-testid="sign-in-content"] { padding:0!important; }
.flip-entry .flip-login-heading { font-size:32px!important; line-height:42px!important; letter-spacing:-.8px!important; }
.flip-entry .flip-login-heading:has(+.flip-login-heading) { display:none; }
.flip-entry-footer { display:flex; justify-content:space-between; padding:24px 0; font-size:10px; color:#61646a; }
@media(max-width:1000px) { .flip-entry-main { gap:28px; grid-template-columns:minmax(0,1fr) minmax(320px,1fr); } .flip-entry-auth { padding-left:18px; } .flip-entry h1 { font-size:46px; } .flip-entry-preview { height:240px; } }
@media(max-width:760px) { .flip-entry { padding:0 22px; } .flip-entry-header { height:78px; } .flip-entry-header>span { font-size:7px; letter-spacing:1px; } .flip-entry-main { grid-template-columns:1fr; padding:42px 0; gap:40px; } .flip-entry-product { text-align:center; } .flip-entry h1 { font-size:43px; letter-spacing:-1.8px; } .flip-entry-label { margin-bottom:18px; font-size:8px; } .flip-entry-description { font-size:12px; margin:18px 0 14px; } .flip-entry-fee { margin-bottom:24px; padding:7px 12px; font-size:11px; text-align:left; } .flip-entry-preview { height:170px; max-width:500px; margin:auto; } .flip-entry-auth { padding:32px 0 0; border-left:0; border-top:1px solid #ffffff0c; } .flip-entry .flip-login-heading { font-size:28px!important; } }