.sf-card{width:min(1050px,calc(100vw - 48px));max-width:none;padding:30px}.sf-head{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:24px}.sf-head h2{margin:10px 0;font-size:28px}.sf-head p{margin:0;color:#94adc3;line-height:1.6}.sf-step{white-space:nowrap;background:#102d42;border:1px solid #235371;color:#a4c9e3;padding:9px 14px;border-radius:20px;font-size:12px}.sf-trial{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#092f30;border:1px solid #21635a;border-radius:10px;padding:17px 20px;margin-bottom:20px}.sf-trial b{color:#79e2bb;display:block}.sf-trial small{display:block;color:#b1cec6;line-height:1.6;margin-top:5px}.sf-trial button{white-space:nowrap}.sf-period{display:flex;gap:5px;background:#061622;padding:5px;border-radius:9px;width:fit-content;margin:18px 0}.sf-period button{border:0;padding:10px 22px;background:transparent;color:#afbed1;border-radius:6px;cursor:pointer}.sf-period button.selected{background:#0879ff;color:#fff}.sf-period button:disabled{opacity:.4;cursor:not-allowed}.sf-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sf-plan{position:relative;background:#0b2333;border:1px solid #24485e;border-radius:12px;padding:24px 20px;display:flex;flex-direction:column}.sf-plan.chosen{border:2px solid #1688ff;padding:23px 19px;box-shadow:0 0 0 3px #1688ff15}.sf-plan h3{font-size:23px;margin:10px 0;color:#fff}.sf-plan p{min-height:44px;line-height:1.5;font-size:13px;color:#9bb1c4;margin-bottom:16px}.sf-price{font-size:32px;font-weight:700;color:#fff;letter-spacing:-1px;white-space:nowrap}.sf-price small{font-size:13px;font-weight:400;letter-spacing:0;color:#9bb1c4;margin-left:4px}.sf-plan ul{padding:0;list-style:none;flex:1;margin:23px 0}.sf-plan li{display:flex;gap:9px;font-size:13px;color:#c6d7e5;margin:12px 0;line-height:1.4}.sf-plan li span{color:#3fcea2}.sf-plan button{width:100%;margin-top:auto}.sf-recommend{position:absolute;top:-10px;left:20px;background:#0879ff;color:white;letter-spacing:1px;font-size:9px;font-weight:bold;padding:5px 10px;border-radius:4px}.sf-action{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.sf-action p{color:#90a9bc;font-size:12px;max-width:430px;line-height:1.6}.sf-action button{min-width:240px}.sf-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #18374b;margin-top:22px;padding-top:12px;gap:16px}.sf-foot span{color:#7392a8;font-size:11px}.sf-foot .auth-link{width:auto;margin:0}.sf-checkout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-top:24px}.sf-checkout h3{color:#fff;font-size:20px}.sf-methods label{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #28506b;border-radius:8px;margin:12px 0;cursor:pointer}.sf-methods label:has(input:checked){border-color:#1688ff;background:#0c2e49}.sf-methods input{width:18px!important;height:18px;accent-color:#0879ff;margin:0!important}.sf-methods b{display:block;font-size:14px;color:#e1edf5}.sf-methods small{display:block;color:#90a9bd;font-size:11px;line-height:1.5;margin-top:5px}.sf-summary{background:#0d293b;padding:24px;border-radius:12px;border:1px solid #275170;height:fit-content}.sf-summary p{color:#9fb8ca}.sf-summary dl{display:grid;grid-template-columns:1fr auto;gap:18px;border-top:1px solid #254b65;padding:20px 0;margin:20px 0 0;font-size:14px}.sf-summary dt{color:#91afc4}.sf-summary dd{margin:0;color:#fff;font-weight:600}.sf-summary button{width:100%}.sf-summary>small{display:block;color:#97b0c3;font-size:11px;line-height:1.6;margin-top:14px}.sf-contact{display:block;color:#a9c3d5;font-size:12px;margin:20px 0}.sf-contact input{display:block;width:100%;background:#061721;border:1px solid #28506b;border-radius:5px;padding:12px;margin-top:7px;color:#fff}.sf-payment-note{padding:14px;border-radius:7px;color:#a8bed0;background:#102c3e;font-size:12px;line-height:1.6}.sf-notice{background:#12344c;padding:16px;border:1px solid #29618a;border-radius:9px;margin-bottom:18px}.sf-notice b{color:#8bcbff}.sf-notice p,.sf-notice small{color:#b4cadd}.sf-manage{font-size:11px;padding:8px 12px;white-space:nowrap}.auth-stage:has(.sf-card){padding:30px 24px}.auth-screen:has(.sf-card) .auth-hero{width:26%;flex-basis:26%}.auth-screen:has(.sf-card) .auth-stage{flex:1}.sf-card .form-error:empty{display:none}.sf-card button:disabled{opacity:.5;cursor:wait}@media(max-width:1200px){.auth-screen:has(.sf-card) .auth-hero{display:none}.sf-card{width:min(1050px,calc(100vw - 48px))}}@media(max-width:700px){.sf-card{padding:20px;width:100%}.sf-plans,.sf-checkout{grid-template-columns:1fr}.sf-head,.sf-trial,.sf-action{flex-direction:column}.sf-head h2{font-size:24px}.sf-action button{width:100%}.sf-foot span{display:none}.auth-stage:has(.sf-card){padding:16px}.sf-plan p{min-height:0}.sf-trial button{width:100%}.sf-manage{max-width:110px;white-space:normal}}
.auth-screen:has(.sf-card){grid-template-columns:minmax(240px,26%) minmax(0,1fr)}.auth-screen:has(.sf-card) .auth-hero{width:auto}.sf-card{width:min(1050px,100%);box-sizing:border-box}@media(max-width:1450px){.auth-screen:has(.sf-card){grid-template-columns:minmax(0,1fr)}.auth-screen:has(.sf-card) .auth-hero{display:none}}