/* V189 sign-in presentation only; pricing uses its own unchanged inline styles. */
:root{color-scheme:dark;--red:#ff1238}*{box-sizing:border-box}html{min-width:0;background:#080b10}body{margin:0;min-width:0;min-height:100vh;overflow-x:clip;position:relative;isolation:isolate;background:radial-gradient(ellipse at 85% 50%,#39071488,transparent 53%),radial-gradient(ellipse at 10% 100%,#41061399,transparent 52%),#080b10;color:#f7f8fa;font:16px/1.5 'Segoe UI',Arial,sans-serif}body:after{content:"";position:absolute;pointer-events:none;z-index:-1;bottom:0;left:0;right:0;height:130px;background:linear-gradient(9deg,#aa002a55,transparent 53%);border-bottom:4px solid #b6083155}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #ff6885;outline-offset:4px}.back{position:absolute;top:20px;left:max(24px,calc((100vw - 1560px)/2));font-size:15px;font-weight:500;z-index:2}.back:hover{color:#ff6682}.shell{max-width:1660px;width:100%;margin:0 auto;min-height:100vh;padding:68px 36px 32px;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(360px,1fr);gap:36px;align-items:center}.intro,.panel{min-width:0}.brand{font:900 clamp(47px,4.5vw,66px)/1 Arial,Helvetica,sans-serif;letter-spacing:-3px;display:inline-block}.brand span{color:var(--red)}.tag{font:700 11px/1.35 Arial,sans-serif;letter-spacing:4px;margin:8px 0 18px}.intro h1{font-size:clamp(35px,3.65vw,58px);line-height:1.08;letter-spacing:-1.8px;font-weight:800;margin:0 0 12px}.intro h1 em{color:var(--red);font-style:normal}.intro h1:after{content:"";display:block;width:76px;height:5px;margin-top:15px;background:var(--red);border-radius:4px}.intro p{font-size:clamp(15px,1.25vw,19px);line-height:1.45;margin:0 0 23px;max-width:950px}.frame{width:100%;padding:6px;border:1px solid #fa3154;border-radius:17px;background:#070c12;box-shadow:0 0 0 1px #ffffff12,0 16px 44px #0004;overflow:hidden}.frame img{width:100%;height:auto;display:block;border-radius:10px;object-fit:contain}.panel{background:linear-gradient(145deg,#15131aee,#0d1016f5);border:1px solid #fa173d;border-radius:26px;padding:36px 38px;box-shadow:0 0 26px #f20b3c1a,inset 0 0 25px #87091c0b}.pill{font-size:15px;font-weight:800;letter-spacing:2px;color:#ff244b}.panel h2{font-size:clamp(33px,3.05vw,48px);line-height:1.12;letter-spacing:-1px;margin:14px 0 9px;font-weight:800}.panel>p{font-size:18px;margin:0 0 24px}.switch{display:flex;overflow:hidden;border:1px solid #bd2340;border-radius:13px;margin-bottom:20px;background:#0b0d12}.switch button{width:50%;min-height:51px;border:0;border-radius:11px;color:white;background:transparent;font:700 16px/1.2 'Segoe UI',Arial,sans-serif;cursor:pointer;padding:12px 8px}.switch button.active{background:linear-gradient(180deg,#ff1744,#df002a)}.providers{display:grid;gap:13px}.provider{display:flex;align-items:center;gap:14px;min-height:59px;padding:12px 17px;border-radius:12px;background:#f7f8fb;color:#11131a;border:1px solid #e2e4ea;font-size:clamp(16px,1.3vw,20px);font-weight:750;line-height:1.3}.provider:hover{background:white}.provider-logo{width:28px;height:28px;flex:0 0 28px;display:block}.provider>span{margin-left:auto;font-size:24px;font-weight:500}.note{font-size:14px;line-height:1.55;color:#e2dce3;border-top:1px solid #68606a;margin-top:22px;padding-top:17px}.legal{font-size:13px;line-height:1.55;color:#c9c2cc;margin-top:20px}
@media(max-width:1100px){.shell{grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr);gap:24px;padding:65px 24px 30px}.panel{padding:27px 25px}.intro h1{font-size:clamp(33px,4vw,44px)}.intro p{font-size:15px}.tag{font-size:9px;letter-spacing:2.7px}.provider{font-size:16px;gap:10px;padding:12px}.provider-logo{width:25px;height:25px;flex-basis:25px}.panel>p{font-size:16px}.note,.legal{font-size:12px}}
@media(max-width:739px){.back{position:relative;display:inline-block;top:auto;left:auto;margin:18px 22px 0;font-size:14px}.shell{display:flex;flex-direction:column;align-items:stretch;gap:27px;min-height:0;max-width:580px;padding:28px 22px 30px}.brand{font-size:50px}.tag{font-size:9px;letter-spacing:2.7px;margin:8px 0 19px}.intro h1{font-size:clamp(34px,7.2vw,45px);letter-spacing:-1px}.intro p{font-size:15px;margin-bottom:18px}.frame{border-radius:11px;padding:4px}.frame img{border-radius:7px}.panel{padding:26px 23px;border-radius:20px}.pill{font-size:12px;letter-spacing:1.8px}.panel h2{font-size:37px}.panel>p{font-size:16px;margin-bottom:20px}.switch button{font-size:14px;min-height:48px}.provider{font-size:16px;min-height:56px;padding:12px}.note,.legal{font-size:12px}}
@media(orientation:landscape) and (max-height:600px) and (min-width:740px){.shell{padding-top:60px;align-items:start}.intro h1{font-size:36px}.brand{font-size:48px}.tag{font-size:9px}.panel{padding:24px}.panel h2{font-size:34px}}
/* Match the reference's top alignment instead of adding excess vertical centering. */
@media(min-width:740px){.shell{align-items:start}.panel{margin-top:clamp(70px,6.5vw,110px)}}
@media(orientation:landscape) and (max-height:600px) and (min-width:740px){.panel{margin-top:0}}