/* Shared visual tokens from the course purchase page. */
:root{--theme-accent:#a86433;--theme-accent-dark:#8d4e29;--theme-bg:#fff9f2;--theme-price:#5d2519;--theme-cta:linear-gradient(100deg,#ce654d,#bd402e);color:#3d2614;background:var(--theme-bg);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{min-width:320px;margin:0;background:var(--theme-bg)}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a8643347;outline-offset:2px}
.login-gate{position:relative;min-height:100vh;overflow:hidden;padding:0 24px;color:#442b17;background:radial-gradient(circle at 8% 5%,#a8643326,transparent 25rem),radial-gradient(circle at 94% 90%,#daa47a1c,transparent 28rem),linear-gradient(145deg,#fefcf9,var(--theme-bg) 56%,#fffaf0)}
.login-gate__ambient{position:absolute;border-radius:50%;pointer-events:none}
.login-gate__ambient--one{top:120px;left:-180px;width:360px;height:360px;border:70px solid #a864330b}
.login-gate__ambient--two{right:-90px;bottom:-120px;width:270px;height:270px;background:linear-gradient(145deg,#f7b92815,#8d4e2913);filter:blur(5px)}
.login-gate__header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;width:min(1180px,100%);height:86px;margin:0 auto}
.login-gate__main{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.72fr);gap:28px;width:min(1180px,100%);min-height:calc(100vh - 158px);margin:0 auto;padding:28px 0 50px}
.login-showcase{position:relative;display:flex;overflow:hidden;flex-direction:column;justify-content:center;min-height:610px;padding:64px;border:1px solid #ffffff8f;border-radius:32px;color:#fff;background:linear-gradient(135deg,#a5622f,var(--theme-accent) 48%,#d49768);box-shadow:0 38px 90px #9c5d2c3b}
.login-showcase:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:radial-gradient(#ffffff2b 1px,transparent 1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:linear-gradient(90deg,#000,transparent 72%);mask-image:linear-gradient(90deg,#000,transparent 72%)}
.login-showcase:after{position:absolute;right:-170px;bottom:-220px;width:520px;height:520px;border:72px solid #ffffff10;border-radius:50%;content:""}
.login-showcase>*{position:relative;z-index:2}
.login-showcase__eyebrow{display:flex;align-items:center;gap:9px;color:#fbeddf;font-size:13px;font-weight:750;letter-spacing:.08em}
.login-showcase__eyebrow i{width:28px;height:3px;border-radius:99px;background:#ffd46f;box-shadow:0 0 15px #ffd46faa}
.login-showcase h1{margin:22px 0 16px;font-size:clamp(42px,5vw,64px);line-height:1.12;letter-spacing:-.045em}
.login-showcase h1 em{color:#ffe4a0;font-style:normal}
.login-showcase>p{max-width:580px;margin:0;color:#ffffffc7;font-size:15px;line-height:1.85}
.login-showcase__course{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(470px,100%);margin-top:36px;padding:19px 21px;border:1px solid #ffffff52;border-radius:19px;background:#ffffff16;box-shadow:inset 0 1px #ffffff2b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.login-showcase__course span,.login-showcase__course strong{display:block}
.login-showcase__course span{color:#fbeee0;font-size:11px}
.login-showcase__course strong{margin-top:3px;color:#fff;font-size:30px}
.login-showcase__course b{padding:8px 11px;border-radius:9px;color:#795100;background:#ffe29a;font-size:10px}
.login-showcase__features{display:flex;flex-wrap:wrap;gap:13px 20px;margin-top:30px;color:#ffffffd9;font-size:11px}
.login-showcase__features span{display:flex;align-items:center;gap:6px}
.login-showcase__features i{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;color:#fff;background:#ffffff29;font-size:9px;font-style:normal}
.login-card{align-self:center;padding:38px 36px 30px;border:1px solid #fff;border-radius:28px;background:#fffffff2;box-shadow:0 32px 80px #653e201f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.login-card__badge{display:inline-flex;padding:7px 10px;border:1px solid #f8e2cc;border-radius:999px;color:var(--theme-accent);background:#fdf6f0;font-size:10px;font-weight:800}
.login-card h2{margin:18px 0 7px;color:#452b17;font-size:31px}
.login-card>p{margin:0 0 27px;color:#a59487;font-size:11px}
.login-card form{display:grid;gap:17px}
.login-field>span{display:block;margin-bottom:8px;color:#755842;font-size:11px;font-weight:750}
.login-field>div{display:flex;align-items:center;min-height:50px;border:1px solid #efe5db;border-radius:13px;background:#fff;transition:.2s}
.login-field>div:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 4px #a8643312}
.login-field b{padding:0 12px;border-right:1px solid #f1ebe4;color:#6f523c;font-size:12px}
.login-field input{min-width:0;height:48px;flex:1;padding:0 13px;border:0;outline:0;color:#513622;background:transparent;font-size:13px}
.login-field input::placeholder{color:#bdb0a6}
.login-field button{align-self:stretch;min-width:104px;margin:5px;padding:0 12px;border:0;border-radius:9px;color:var(--theme-accent);background:#fdf6ef;font-size:10px;font-weight:750;cursor:pointer}
.login-field button:disabled{color:#b8a698;background:#f7f4f1;cursor:not-allowed}
.login-agreement{display:flex;align-items:flex-start;gap:8px;color:#9d8a7c;font-size:10px;line-height:1.6;cursor:pointer}
.login-agreement input{flex:none;margin-top:2px;accent-color:var(--theme-accent)}
.login-agreement em{color:var(--theme-accent);font-style:normal}
.login-message{display:flex;align-items:flex-start;gap:8px;margin-top:-4px;padding:9px 11px;border:1px solid #f0d498;border-radius:10px;color:#7f612b;background:#fff8e9;font-size:10px;line-height:1.5}
.login-message i{display:grid;flex:none;width:16px;height:16px;place-items:center;border-radius:50%;color:#fff;background:#e7a52f;font-size:9px;font-style:normal;font-weight:800}
.login-submit{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border:0;border-radius:13px;color:#fff;background:var(--theme-cta);box-shadow:0 15px 30px #a8643335;font-size:14px;font-weight:800;cursor:pointer}
.login-submit span{font-size:20px;line-height:1}
.login-submit>i{width:16px;height:16px;border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
.login-submit:disabled{opacity:.65;cursor:progress}
.login-card__safe{display:flex;align-items:center;gap:10px;margin-top:21px;padding-top:19px;border-top:1px solid #f5f1ed}
.login-card__safe>span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:#fff;background:#18a875;font-size:10px;font-weight:800}
.login-card__safe strong,.login-card__safe small{display:block}
.login-card__safe strong{color:#735742;font-size:10px}
.login-card__safe small{margin-top:3px;color:#b2a499;font-size:8px}
.login-gate__footer{position:relative;z-index:2;height:72px;color:#aa9a8d;text-align:center;font-size:10px}
.user-pill--button{border:1px solid #ffffffdb;cursor:pointer}
.user-pill--button small{margin-left:5px;color:#aa9a8d;font-size:9px}
.purchase-app{--exam-accent:var(--theme-accent);position:relative;min-height:100vh;overflow:hidden;padding:0 max(22px,calc((100vw - 1320px)/2));background:#fff}
.ambient{position:absolute;z-index:0;border-radius:50%;filter:blur(2px);pointer-events:none}
.ambient--one{top:155px;left:-150px;width:290px;height:290px;border:64px solid #a864330b}
.ambient--two{top:690px;right:-110px;width:220px;height:220px;background:linear-gradient(135deg,#f59e0b0f,#8d4e2914)}
.purchase-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;height:78px}
.purchase-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}
.purchase-brand img{width:42px;height:42px;border-radius:13px;box-shadow:0 10px 26px #a864333d}
.purchase-brand strong,.purchase-brand small{display:block}
.purchase-brand strong{color:#3b2311;font-size:18px;letter-spacing:.04em}
.purchase-brand small{margin-top:2px;color:#9a8371;font-size:11px;letter-spacing:.1em}
.purchase-header__right{display:flex;align-items:center;gap:12px}
.secure-pill,.user-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #ffffffdb;border-radius:999px;color:#7f644f;background:#ffffffb8;box-shadow:0 8px 26px #744a2a12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12px}
.secure-pill i{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;color:#fff;background:#18a875;font-size:10px;font-style:normal}
.user-pill{color:var(--theme-accent)}
.back-link{color:#583c26;font-size:13px;font-weight:650;text-decoration:none}
.back-link span{color:var(--theme-accent)}
.demo-banner,.inline-notice{position:relative;z-index:5;display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 15px;border:1px solid #f5d9a0;border-radius:12px;color:#7b5720;background:#fff8e7e0;font-size:12px}
.demo-banner span{color:#9a7538}
.inline-notice{border-color:#f7dfc7;color:#895228;background:#fdf6f0}
.inline-notice>span{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;color:#fff;background:var(--theme-accent);font-weight:800}
.inline-notice button{margin-left:auto;border:0;color:inherit;background:transparent;cursor:pointer}
.purchase-hero{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);min-height:390px;overflow:hidden;border:1px solid #efc6ae;border-radius:32px;color:#4a2b22;background:linear-gradient(128deg,#fae2d5,#fff1d6 58%,#fffbf8);box-shadow:0 24px 68px #8d4e2924}
.purchase-hero:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:radial-gradient(#ffffff29 1px,transparent 1px);background-size:22px 22px;opacity:.52;-webkit-mask-image:linear-gradient(90deg,#000,transparent 60%);mask-image:linear-gradient(90deg,#000,transparent 60%)}
.purchase-hero:after{position:absolute;right:-100px;bottom:-190px;width:520px;height:520px;border:70px solid #ffffff12;border-radius:50%;content:""}
.purchase-hero__copy{position:relative;z-index:2;align-self:center;padding:58px 20px 58px 62px}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#6d4939;font-size:14px;font-weight:700;letter-spacing:.08em}
.hero-kicker i{width:24px;height:3px;border-radius:99px;background:#ffd36a;box-shadow:0 0 16px #ffd36acc}
.purchase-hero h1{margin:17px 0 16px;font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-.04em}
.purchase-hero h1 em{color:var(--theme-accent-dark);font-style:normal}
.purchase-hero__copy>p{max-width:680px;margin:0;color:#6d4939;font-size:16px;line-height:1.8}
.hero-promises{display:flex;flex-wrap:wrap;gap:11px 20px;margin-top:27px;color:#6d4939;font-size:12px}
.hero-visual{position:relative;z-index:2;min-height:390px}
.hero-visual__halo{position:absolute;top:50%;left:48%;width:300px;height:300px;border-radius:50%;background:#ffffff21;box-shadow:0 0 0 38px #ffffff0d,0 0 0 80px #ffffff06;transform:translate(-50%,-50%)}
.hero-card{position:absolute;border:1px solid #ffffff80;color:#422a17;background:#ffffffe6;box-shadow:0 28px 70px #56331840;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.hero-card--main{top:74px;left:9%;width:min(78%,320px);padding:28px;border-radius:26px;transform:rotate(-3deg)}
.hero-card--main>span,.hero-card--main>strong,.hero-card--main>small{display:block}
.hero-card--main>span{color:#967f6d;font-size:11px;font-weight:700;letter-spacing:.12em}
.hero-card--main>strong{margin-top:11px;font-size:25px}
.hero-card--main>small{margin-top:8px;color:#8f735e}
.hero-card__progress{height:8px;margin-top:26px;overflow:hidden;border-radius:99px;background:#f7eadd}
.hero-card__progress i{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--exam-accent),#e0b492)}
.hero-card--float{top:38px;right:10%;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:17px;transform:rotate(7deg)}
.hero-card--float b{color:var(--theme-accent);font-size:24px}
.hero-card--float span{color:#826752;font-size:11px}
.hero-card--course{right:4%;bottom:66px;display:grid;gap:3px;width:210px;padding:16px 18px;border-radius:18px;transform:rotate(4deg)}
.hero-card--course span{color:#d8a177;font-size:11px;font-weight:800}
.hero-card--course b{font-size:14px}
.mobile-exam-tabs{display:none}
.purchase-layout{position:relative;z-index:3;display:grid;grid-template-columns:220px minmax(0,1fr) 250px;gap:22px;align-items:start;margin-top:28px}
.exam-sidebar,.order-summary,.catalog-section,.purchase-notes,.coming-card{border:1px solid #f3eae1;background:#fffffff0;box-shadow:0 18px 50px #6c442612}
.exam-sidebar{position:sticky;top:18px;overflow:hidden;border-radius:22px}
.exam-sidebar__head{padding:22px 18px 14px}
.exam-sidebar__head span,.exam-sidebar__head small{display:block}
.exam-sidebar__head span{font-size:15px;font-weight:800}
.exam-sidebar__head small{margin-top:4px;color:#ad998a;font-size:11px}
.exam-sidebar nav{display:grid;gap:5px;padding:0 8px 12px}
.exam-sidebar nav button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border:0;border-radius:14px;color:#856c59;text-align:left;background:transparent;cursor:pointer}
.exam-sidebar nav button:hover{background:#fdf9f5}
.exam-sidebar nav button.is-active{color:#5a361a;background:linear-gradient(90deg,#fdf6ef,#fefaf6);box-shadow:inset 3px 0 var(--exam-accent)}
.exam-sidebar nav i{display:grid;flex:none;width:34px;height:34px;place-items:center;border-radius:11px;color:#fff;font-size:12px;font-style:normal;font-weight:800;box-shadow:0 6px 15px #77472229}
.exam-sidebar nav span{min-width:0;flex:1}
.exam-sidebar nav strong,.exam-sidebar nav small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exam-sidebar nav strong{font-size:13px}
.exam-sidebar nav small{margin-top:3px;color:#b2a296;font-size:9px}
.exam-sidebar nav b{color:var(--theme-accent);font-size:20px}
.exam-sidebar nav em{flex:none;color:#b8a79a;font-size:9px;font-style:normal}
.sidebar-help{margin:7px 10px 10px;padding:16px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#563318,#925729)}
.sidebar-help span,.sidebar-help strong{display:block}
.sidebar-help span{color:#e0c7ae;font-size:9px}
.sidebar-help strong{margin-top:5px;font-size:13px}
.sidebar-help button{margin-top:12px;padding:7px 10px;border:1px solid #ffffff47;border-radius:8px;color:#fff;background:#ffffff1a;font-size:10px;cursor:pointer}
.catalog-main{display:flex;min-width:0;flex-direction:column;gap:20px}
.catalog-section,.purchase-notes{padding:28px;border-radius:22px}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.section-heading span{color:var(--exam-accent);font-size:9px;font-weight:850;letter-spacing:.18em}
.section-heading h2{margin:5px 0 4px;color:#412815;font-size:22px}
.section-heading p{margin:0;color:#a69385;font-size:12px}
.section-heading__tag{align-self:center;padding:8px 11px;border:1px solid #ffe2a4;border-radius:999px;color:#966817;background:#fff9e9;font-size:10px}
.membership-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.membership-card{position:relative;min-height:168px;overflow:hidden;padding:28px 14px 15px;border:1px solid #f0e8e1;border-radius:18px;color:#5a3d26;text-align:center;background:linear-gradient(180deg,#fff,#fefcfb);cursor:pointer;transition:.22s ease}
.membership-card:hover{transform:translateY(-3px);border-color:#f3cea8;box-shadow:0 14px 34px #a864331c}
.membership-card.is-selected{border:2px solid var(--exam-accent);background:linear-gradient(180deg,#a864330f,#fff);box-shadow:0 15px 36px #a8643321}
.membership-card.is-recommended{background:linear-gradient(180deg,#fff9e7,#fff)}
.recommend-ribbon{position:absolute;top:0;left:0;right:0;padding:5px;color:#744b00;background:linear-gradient(90deg,#ffe39b,#ffd166);font-size:9px;font-weight:850;letter-spacing:.08em}
.discount-chip{position:absolute;top:10px;right:9px;padding:4px 6px;border-radius:7px;color:var(--theme-price);background:#fff0ea;font-size:8px;font-weight:800}
.membership-card.is-recommended .discount-chip{top:31px}
.membership-card>strong{display:block;font-size:18px}
.membership-card__price{margin-top:8px;color:#422a17;font-size:34px;font-weight:850;line-height:1.1}
.membership-card__price small{margin-right:2px;font-size:14px}
.membership-card del,.price-placeholder{display:block;min-height:17px;margin-top:5px;color:#bdaea2;font-size:10px}
.validity{display:block;margin-top:11px;padding-top:9px;border-top:1px dashed #eee8e2;color:#8e7766;font-size:10px}
.select-check{position:absolute;right:-1px;bottom:-1px;display:none;width:30px;height:30px;padding:8px 0 0 9px;border-radius:18px 0 17px;color:#fff;background:var(--exam-accent);font-size:10px;font-style:normal}
.membership-card.is-selected .select-check{display:block}
.benefit-section{background:linear-gradient(150deg,#fff,#fefcfa)}
.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.benefit-grid article{position:relative;min-height:142px;overflow:hidden;padding:17px 14px;border:1px solid #f4ece5;border-radius:17px;background:#fff}
.benefit-grid article:after{position:absolute;right:-22px;bottom:-32px;width:75px;height:75px;border-radius:50%;content:"";background:#a8643314}
.benefit-grid article>div{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--exam-accent),#e1b593);box-shadow:0 8px 20px #a864332e;font-size:12px;font-weight:850}
.benefit-grid article strong{display:block;margin-top:12px;font-size:14px}
.benefit-grid article p{margin:6px 0 0;color:#a38f7f;font-size:10px;line-height:1.55}
.benefit-grid article>span{position:absolute;top:17px;right:12px;color:#beb0a5;font-size:8px}
.course-card{display:grid;grid-template-columns:130px minmax(0,1fr) 112px;gap:18px;width:100%;padding:14px;border:1px solid #f1eae2;border-radius:19px;color:inherit;text-align:left;background:#fff;cursor:pointer;transition:.22s ease}
.course-card:hover,.course-card.is-selected{border-color:#e7c8a8;box-shadow:0 14px 35px #a8643317;transform:translateY(-2px)}
.course-card.is-selected{box-shadow:inset 3px 0 var(--exam-accent),0 14px 35px #a8643317}
.course-cover{position:relative;display:flex;overflow:hidden;flex-direction:column;justify-content:flex-end;min-height:154px;padding:16px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#b36a32,#d39565);box-shadow:inset 0 0 0 1px #ffffff2e}
.course-cover:before{position:absolute;top:-45px;right:-35px;width:110px;height:110px;border:23px solid #ffffff1a;border-radius:50%;content:""}
.course-cover>span{position:absolute;top:13px;left:14px;color:#ffffffb3;font-size:8px;letter-spacing:.14em}
.course-cover>strong{position:relative;font-size:16px}
.course-cover>em{position:relative;margin-top:3px;color:#ffe5a5;font-size:11px;font-style:normal}
.course-cover>div{position:relative;display:flex;gap:4px;margin-top:13px}
.course-cover>div i{width:16px;height:3px;border-radius:99px;background:#fff9}
.course-copy{min-width:0;padding:5px 0}
.product-type{display:inline-flex;padding:4px 7px;border-radius:6px;font-size:8px;font-weight:800;letter-spacing:.05em}
.product-type--membership{color:#815800;background:#fff3ca}
.product-type--course{color:#c17337;background:#fcf4ec}
.course-copy h3{margin:9px 0 5px;font-size:16px}
.course-copy>p{margin:0;color:#988373;font-size:10px;line-height:1.6}
.course-meta{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:10px;color:#866f5d;font-size:9px}
.course-includes{display:flex;flex-wrap:wrap;gap:5px 9px;margin-top:13px;color:#3f765d;font-size:9px}
.course-price{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding-left:12px;border-left:1px dashed #ede6df}
.course-price>small{color:#ad9b8e;font-size:9px}
.course-price>strong{color:var(--theme-price);font-size:26px}
.course-price>strong i{font-size:11px;font-style:normal}
.course-price del{color:#baaea4;font-size:9px}
.course-price>span{margin-top:5px;color:#9b8a7d;font-size:8px}
.course-price>b{margin-top:12px;padding:7px 12px;border-radius:9px;color:#fff;background:var(--exam-accent);font-size:9px}
.empty-course{padding:26px;border:1px dashed #ebe1d7;border-radius:15px;color:#a49183;text-align:center;background:#fefcfb;font-size:12px}
.purchase-notes h3{margin:0 0 14px;font-size:16px}
.purchase-notes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.purchase-notes p{margin:0;color:#9b887a;font-size:10px;line-height:1.65}
.purchase-notes strong{display:block;margin-bottom:4px;color:#694d38;font-size:11px}
.coming-card{min-height:420px;padding:70px 30px;border-radius:22px;text-align:center}
.coming-card>div{display:inline-flex;padding:7px 11px;border-radius:99px;color:#946800;background:#fff4cf;font-size:10px;font-weight:800}
.coming-card h2{margin:18px 0 9px}
.coming-card p{max-width:500px;margin:0 auto;color:#9e8b7c;line-height:1.8}
.coming-card button{margin-top:26px;padding:11px 18px;border:0;border-radius:11px;color:#fff;background:var(--theme-accent);cursor:pointer}
.order-summary{position:sticky;top:18px;padding:22px;border-radius:22px}
.order-summary__eyebrow{color:#aa998c;font-size:9px;font-weight:800;letter-spacing:.12em}
.order-summary h3{margin:8px 0 11px;color:#492e1a;font-size:17px;line-height:1.4}
.order-summary__exam,.order-summary__price{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:15px;border-top:1px solid #f5f0eb}
.order-summary__exam span,.order-summary__price span{color:#a49284;font-size:10px}
.order-summary__exam strong{color:#745740;font-size:11px}
.order-summary__price strong{color:var(--theme-price);font-size:28px}
.order-summary__price small{font-size:11px}
.order-summary ul{display:grid;gap:8px;margin:17px 0;padding:13px 14px;border-radius:12px;color:#8c7564;background:#fdfaf7;font-size:9px;list-style:none}
.order-summary li:before{margin-right:6px;color:#18a875;content:"✓";font-weight:800}
.summary-pay-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;border:0;border-radius:12px;color:#fff;background:var(--theme-cta);box-shadow:0 13px 26px #a864333d;font-weight:750;cursor:pointer}
.summary-pay-button:disabled{background:#c5b6aa;box-shadow:none;cursor:not-allowed}
.summary-pay-button span{font-size:18px}
.summary-safe{display:block;margin-top:12px;color:#b5a69a;text-align:center;font-size:9px}
.order-summary__empty{color:#a79689;font-size:11px;line-height:1.6}
.mobile-buybar{display:none}
.purchase-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:50px 0 24px;padding:24px 2px;border-top:1px solid #efe6dc;color:#a49182}
.purchase-footer>div{display:flex;align-items:center;gap:9px}
.purchase-footer img{width:34px;height:34px;border-radius:10px}
.purchase-footer strong,.purchase-footer small{display:block}
.purchase-footer strong{color:#664d3a;font-size:12px}
.purchase-footer small,.purchase-footer p{margin:2px 0 0;font-size:9px}
.checkout-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#29190c94;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .2s ease}
.checkout-sheet{position:relative;width:min(520px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;padding:26px;border:1px solid #ffffffb8;border-radius:28px;background:linear-gradient(160deg,#fffffff9,#fefbf8f9);box-shadow:0 40px 100px #29190c59;animation:sheetIn .28s cubic-bezier(.2,.8,.2,1)}
.checkout-sheet__glow{position:absolute;top:-90px;right:-80px;width:240px;height:240px;border-radius:50%;background:#a864331a;pointer-events:none}
.checkout-head{position:relative;display:flex;align-items:center;justify-content:space-between}
.checkout-eyebrow{color:var(--theme-accent);font-size:9px;font-weight:850;letter-spacing:.16em}
.checkout-head h2{margin:5px 0 0;font-size:24px}
.icon-button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #f0e8e1;border-radius:50%;color:#8a7260;background:#fff;font-size:20px;cursor:pointer}
.checkout-product{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;margin-top:20px;padding:16px;border:1px solid #faecdd;border-radius:18px;background:linear-gradient(135deg,#fdf6f0,#fefaf6)}
.checkout-product__icon{display:grid;width:54px;height:54px;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-dark));box-shadow:0 10px 22px #a864333d;font-size:12px;font-weight:850}
.checkout-product strong,.checkout-product span{display:block}
.checkout-product>div:nth-child(2)>strong{margin-top:6px;color:#573b26;font-size:13px}
.checkout-product>div:nth-child(2)>span:last-child{margin-top:4px;color:#a08d7e;font-size:9px}
.checkout-product__price{color:var(--theme-price);font-size:28px;font-weight:850}
.checkout-product__price small{font-size:11px}
.checkout-section{margin-top:18px}
.section-minihead{display:flex;align-items:center;gap:9px;margin:16px 0 12px}
.section-minihead>span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;color:#fff;background:var(--theme-accent);font-size:10px;font-weight:800}
.section-minihead strong,.section-minihead small{display:block}
.section-minihead strong{color:#5f4430;font-size:13px}
.section-minihead small{margin-top:2px;color:#aa988b;font-size:9px}
.login-box{display:grid;gap:11px}
.login-box label>span{display:block;margin-bottom:6px;color:#836b59;font-size:10px;font-weight:700}
.login-box input{width:100%;height:45px;padding:0 13px;border:1px solid #ede4dc;border-radius:11px;color:#523723;background:#fff}
.login-box input:focus{border-color:var(--theme-accent)}
.verify-row{display:grid;grid-template-columns:1fr 110px;gap:9px}
.verify-row button{border:1px solid #f7dcc2;border-radius:11px;color:var(--theme-accent);background:#fdf8f4;font-size:11px;cursor:pointer}
.primary-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:47px;padding:12px 16px;border:0;border-radius:13px;color:#fff;background:var(--theme-cta);box-shadow:0 13px 27px #a8643338;font-weight:750;text-decoration:none;cursor:pointer}
.primary-action:disabled{opacity:.6;cursor:progress}
.primary-action--pay{justify-content:space-between}
.primary-action--pay strong{color:#ffe4a0;font-size:16px}
.account-line{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #dceee8;border-radius:14px;background:#f5fcf9}
.account-line__avatar{display:grid;flex:none;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:#18a875;font-weight:850}
.account-line>div:nth-child(2){min-width:0;flex:1}
.account-line strong,.account-line span{display:block}
.account-line strong{color:#315449;font-size:11px}
.account-line span{margin-top:3px;color:#729184;font-size:9px}
.account-line button{border:0;color:var(--theme-accent);background:transparent;font-size:10px;cursor:pointer}
.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.payment-options>button{position:relative;display:flex;align-items:center;gap:9px;min-height:64px;padding:10px;border:1px solid #efe8e0;border-radius:14px;color:#7a6453;text-align:left;background:#fff;cursor:pointer}
.payment-options>button.is-active{border:2px solid var(--theme-accent);background:#fefaf6}
.payment-logo{display:grid;flex:none;width:34px;height:34px;place-items:center;border-radius:11px;color:#fff;font-size:11px;font-style:normal;font-weight:850}
.payment-logo--alipay{background:#1677ff}
.payment-logo--wechat{background:#18aa63}
.payment-options strong,.payment-options small{display:block}
.payment-options strong{color:#5b402c;font-size:11px}
.payment-options small{margin-top:3px;color:#ad9d91;font-size:8px}
.payment-options b{display:none;margin-left:auto;color:var(--theme-accent)}
.payment-options .is-active b{display:block}
.agreement-line{display:flex;align-items:center;gap:7px;margin:13px 0;color:#9c8a7c;font-size:9px}
.agreement-line input{accent-color:var(--theme-accent)}
.checkout-message{margin:12px 0 0;padding:9px 11px;border-radius:9px;color:#785b25;background:#fff7e4;font-size:10px}
.payment-stage__head{display:flex;justify-content:space-between;gap:12px;color:#9b8a7d;font-size:9px}
.payment-stage__head strong{color:var(--theme-price);font-size:12px}
.qr-payment{display:flex;flex-direction:column;align-items:center;padding:24px 0 10px;text-align:center}
.qr-payment>img,.demo-qr{width:176px;height:176px;padding:10px;border:1px solid #eee6dd;border-radius:16px;background:#fff;box-shadow:0 12px 32px #633f231a}
.demo-qr{position:relative;display:grid;place-items:center;background:repeating-conic-gradient(#3a2617 0,#3a2617 25%,#fff 0,#fff 50%) 0/18px 18px}
.demo-qr:after{position:absolute;top:40px;right:40px;bottom:40px;left:40px;border:12px solid #fff;border-radius:12px;content:"";background:var(--theme-accent)}
.demo-qr span{position:relative;z-index:2;padding:5px;border-radius:6px;color:var(--theme-accent);background:#fff;font-size:10px;font-weight:850}
.qr-payment>strong{margin-top:16px;color:#583d29;font-size:13px}
.qr-payment>small{margin-top:6px;color:#a8988b;font-size:9px}
.demo-notice{display:flex;align-items:center;gap:8px;margin-top:13px;padding:10px;border:1px solid #f3dba9;border-radius:11px;background:#fff9ed}
.demo-notice span{flex:none;padding:4px 6px;border-radius:6px;color:#8a630d;background:#ffe9ad;font-size:8px;font-weight:800}
.demo-notice p{flex:1;margin:0;color:#92763f;font-size:9px}
.demo-notice button{border:0;color:var(--theme-accent);background:transparent;font-size:9px;font-weight:750;cursor:pointer}
.payment-polling{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;color:#a79180;font-size:9px}
.payment-polling i{width:8px;height:8px;border:2px solid #f3cea8;border-top-color:var(--theme-accent);border-radius:50%;animation:spin .8s linear infinite}
.h5-payment,.result-state{padding:30px 8px 16px;text-align:center}
.h5-payment__icon,.result-state__icon{display:grid;width:62px;height:62px;margin:0 auto 14px;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-dark));box-shadow:0 14px 30px #a8643338;font-size:24px}
.h5-payment strong,.result-state h3{display:block;margin:0;color:#593f2b;font-size:18px}
.h5-payment p,.result-state p{margin:8px auto 18px;color:#a59284;font-size:11px;line-height:1.7}
.result-state--success .result-state__icon{background:#18a875}
.result-state--error .result-state__icon{background:var(--theme-price)}
.page-state{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:24px;color:#9a8371;text-align:center;background:radial-gradient(circle at center,#fdf6ef,#fcf9f6 55%)}
.page-state strong{color:#543822;font-size:18px}
.page-state span{font-size:12px}
.page-state button{margin-top:12px;padding:10px 17px;border:0;border-radius:10px;color:#fff;background:var(--theme-accent);cursor:pointer}
.loading-orbit{width:55px;height:55px;border:4px solid #faecde;border-top-color:var(--theme-accent);border-radius:50%;animation:spin .9s linear infinite}
.page-state__error{display:grid;width:55px;height:55px;place-items:center;border-radius:18px;color:#fff;background:var(--theme-price);font-size:24px;font-weight:850}
.course-section--primary{position:relative;overflow:hidden;border-color:#f8e3cf;background:linear-gradient(145deg,#fefbf8,#fff 48%,#fffaf0);box-shadow:0 22px 62px #b66c331a}
.course-section--primary:before{position:absolute;top:-90px;right:-80px;width:210px;height:210px;border:42px solid #a864330a;border-radius:50%;content:"";pointer-events:none}
.course-section--primary .section-heading,.course-section--primary .course-card{position:relative}
.course-section--primary .course-card{border:1px solid #f2e6db;background:#fff;box-shadow:0 8px 24px #6f44240d;transform:none}
.course-section--primary .course-card:hover:not(.is-selected){border-color:#e5c4a3;background:#fffdfb;box-shadow:0 15px 34px #b66c331a;transform:translateY(-3px)}
.course-section--primary .course-card.is-selected{border:2px solid var(--exam-accent);background:linear-gradient(135deg,#fdf6ef,#fff 56%,#fff9e8);box-shadow:inset 5px 0 var(--exam-accent),0 0 0 4px #a8643312,0 20px 48px #a8643324;transform:translateY(-2px)}
.course-section--primary .course-card:not(.is-selected) .course-price>b{border:1px solid #f3d9bf;color:var(--theme-accent);background:#fdf6f0;box-shadow:none}
.course-section--primary .course-card.is-selected .course-price>b{color:#fff;background:var(--theme-cta);box-shadow:0 8px 20px #a8643330}
.course-section--primary .course-price>strong{font-size:31px}
.course-section--primary .course-card.is-selected .course-price>strong{color:var(--theme-price)}
.course-bonus{display:inline-flex;margin-top:10px;padding:6px 9px;border:1px solid #f5d184;border-radius:8px;color:#825800;background:#fff7db;font-size:9px;font-weight:800}
.checkout-product__bonus{color:#976600!important;font-weight:800}
.course-coming-section{position:relative;display:grid;grid-template-columns:145px minmax(0,1fr) auto;gap:23px;align-items:center;overflow:hidden;border-color:#ede2d6;background:linear-gradient(135deg,#fdf9f5,#fff 54%,#fefaf5);box-shadow:0 20px 55px #764a2912}
.course-coming-section:after{position:absolute;right:-75px;bottom:-100px;width:220px;height:220px;border:38px solid #8d4e290a;border-radius:50%;content:""}
.course-coming-visual{position:relative;display:flex;min-height:142px;overflow:hidden;flex-direction:column;justify-content:flex-end;padding:17px;border:1px solid #ffffff87;border-radius:18px;color:#fff;background:linear-gradient(145deg,#9f6131,#a87955);box-shadow:0 16px 35px #72482830}
.course-coming-visual:before{position:absolute;top:-42px;right:-34px;width:108px;height:108px;border:20px solid #ffffff13;border-radius:50%;content:""}
.course-coming-visual>span{position:absolute;top:14px;left:15px;color:#ffffffa8;font-size:8px;font-weight:800;letter-spacing:.14em}
.course-coming-play{position:absolute;top:48%;left:50%;display:grid;width:39px;height:39px;place-items:center;border:1px solid #ffffff72;border-radius:50%;background:#ffffff1c;box-shadow:0 8px 24px #5834193d;transform:translate(-50%,-50%);font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.course-coming-visual>i{width:58%;height:4px;margin-top:6px;border-radius:99px;background:#ffffff3a}
.course-coming-visual>i:nth-of-type(2){width:78%}
.course-coming-visual>i:nth-of-type(3){width:44%}
.course-coming-copy{position:relative;z-index:1}
.course-coming-kicker{color:#ba8155;font-size:9px;font-weight:850;letter-spacing:.12em}
.course-coming-copy h2{margin:7px 0;color:#513520;font-size:20px}
.course-coming-copy>p{max-width:580px;margin:0;color:#9d8a7c;font-size:10px;line-height:1.65}
.course-coming-copy>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.course-coming-copy>div span{padding:5px 8px;border:1px solid #f0e6dc;border-radius:7px;color:#8d7665;background:#fff;font-size:8px}
.course-coming-status{position:relative;z-index:1;display:grid;gap:5px;min-width:112px;padding:16px 14px;border:1px solid #f9e8d7;border-radius:15px;text-align:center;background:#fefaf6}
.course-coming-status i{color:#ce8852;font-size:13px;font-style:normal}
.course-coming-status small{color:#afa094;font-size:8px;font-weight:500}
.course-section--coming .course-card--coming{cursor:default}
.course-section--coming .course-card--coming:hover{border-color:#f2e6db;box-shadow:0 8px 24px #6f44240d;transform:none}
.course-section--coming .course-cover{filter:saturate(.8)}
.course-section--coming .course-price--coming>strong{margin-top:4px;color:#a57855;font-size:18px}
.course-section--coming .course-price--coming>b{border:1px solid #f8e2cd;color:#ce8751;background:#fdf8f2;box-shadow:none}
@media(max-width:760px){.course-coming-section{grid-template-columns:92px minmax(0,1fr);gap:13px;padding:13px}
.course-coming-visual{min-height:125px;padding:12px;border-radius:14px}
.course-coming-copy h2{font-size:14px}
.course-coming-copy>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:9px}
.course-coming-copy>div{gap:4px;margin-top:9px}
.course-coming-copy>div span{padding:4px 6px;font-size:7px}
.course-coming-status{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-width:0;padding:10px 12px}
.course-coming-status i{font-size:11px}
}
@keyframes fadeIn{0%{opacity:0}
}
@keyframes sheetIn{0%{opacity:0;transform:translateY(20px) scale(.98)}
}
@keyframes spin{to{transform:rotate(360deg)}
}
@keyframes sheetUp{0%{opacity:0;transform:translateY(100%)}
}
@media(max-width:900px){.login-gate__main{grid-template-columns:1fr;max-width:620px}
.login-card{order:-1}
.login-showcase{min-height:430px;padding:44px}
.login-showcase h1{font-size:46px}
}
@media(max-width:760px){.login-gate{padding:0 14px}
.login-gate__header{height:68px}
.login-gate__main{display:grid;min-height:auto;padding:10px 0 34px}
.login-card{padding:27px 20px 24px;border-radius:22px}
.login-card h2{font-size:27px}
.login-card>p{margin-bottom:23px}
.login-showcase{min-height:330px;padding:29px 23px;border-radius:22px}
.login-showcase h1{margin-top:16px;font-size:34px}
.login-showcase>p{font-size:12px}
.login-showcase__course{align-items:flex-start;flex-direction:column;gap:9px;margin-top:22px;padding:14px}
.login-showcase__features{gap:9px 13px;margin-top:20px}
.login-gate__footer{height:50px}
.login-field button{min-width:94px;padding:0 8px}
}
@media(max-width:1080px){.purchase-app{padding-right:18px;padding-left:18px}
.purchase-layout{grid-template-columns:190px minmax(0,1fr)}
.order-summary{display:none}
.mobile-buybar{position:fixed;z-index:50;right:18px;bottom:18px;display:flex;align-items:center;gap:18px;min-width:380px;padding:10px 11px 10px 17px;border:1px solid #ffffffc7;border-radius:17px;background:#fffffff0;box-shadow:0 20px 55px #4f2f1738;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.mobile-buybar>div{min-width:0;flex:1}
.mobile-buybar span,.mobile-buybar strong{display:block}
.mobile-buybar span{overflow:hidden;color:#9a8575;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.mobile-buybar strong{margin-top:2px;color:var(--theme-price);font-size:21px}
.mobile-buybar small{font-size:9px}
.mobile-buybar button{padding:12px 19px;border:0;border-radius:11px;color:#fff;background:var(--theme-cta);font-size:12px;font-weight:750}
.mobile-buybar button:disabled{background:#c5b6aa}
}
@media(max-width:760px){.purchase-app{padding:0 14px 96px;overflow:clip}
.ambient{display:none}
.purchase-header{height:66px}
.purchase-brand img{width:36px;height:36px;border-radius:11px}
.purchase-brand strong{font-size:15px}
.purchase-brand small{font-size:9px}
.secure-pill,.user-pill,.back-link{display:none}
.demo-banner{align-items:flex-start;flex-direction:column;gap:3px;padding:9px 11px}
.purchase-hero{grid-template-columns:1fr;min-height:410px;border-radius:24px}
.purchase-hero__copy{padding:34px 24px 180px}
.purchase-hero h1{margin-top:13px;font-size:38px}
.purchase-hero__copy>p{font-size:13px;line-height:1.7}
.hero-promises{gap:8px 12px;margin-top:20px;font-size:9px}
.hero-visual{position:absolute;right:0;bottom:-5px;left:0;min-height:180px}
.hero-visual__halo{width:170px;height:170px}
.hero-card--main{top:12px;left:18%;width:210px;padding:18px;border-radius:19px}
.hero-card--main>strong{font-size:17px}
.hero-card--main>small{font-size:9px}
.hero-card__progress{margin-top:15px}
.hero-card--float{top:1px;right:8%;padding:8px 10px}
.hero-card--float b{font-size:17px}
.hero-card--course{right:5%;bottom:12px;width:145px;padding:10px 12px}
.hero-card--course b{font-size:9px}
.mobile-exam-tabs{display:flex;gap:9px;overflow-x:auto;margin:18px -14px 0;padding:0 14px 5px;scrollbar-width:none}
.mobile-exam-tabs::-webkit-scrollbar{display:none}
.mobile-exam-tabs button{flex:none;min-width:94px;padding:10px 13px;border:1px solid #f0e8df;border-radius:13px;color:#8b7360;background:#fff;box-shadow:0 8px 22px #6c44260d}
.mobile-exam-tabs button.is-active{border-color:var(--exam-accent);color:#fff;background:var(--exam-accent);box-shadow:0 10px 24px #a864333d}
.mobile-exam-tabs span,.mobile-exam-tabs small{display:block}
.mobile-exam-tabs span{font-size:11px;font-weight:750}
.mobile-exam-tabs small{margin-top:3px;opacity:.72;font-size:8px}
.purchase-layout{display:block;margin-top:12px}
.exam-sidebar{display:none}
.catalog-main{gap:14px}
.catalog-section,.purchase-notes{padding:19px 16px;border-radius:18px}
.section-heading{margin-bottom:17px}
.section-heading h2{font-size:19px}
.section-heading p{font-size:10px}
.section-heading__tag{display:none}
.membership-grid{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:1px 16px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}
.membership-grid::-webkit-scrollbar{display:none}
.membership-card{flex:0 0 146px;min-height:162px;scroll-snap-align:start}
.benefit-grid{grid-template-columns:repeat(2,1fr)}
.benefit-grid article{min-height:132px}
.course-card{grid-template-columns:92px minmax(0,1fr);gap:12px;padding:11px}
.course-cover{min-height:128px;padding:11px}
.course-cover>strong{font-size:12px}
.course-copy h3{margin-top:7px;font-size:13px}
.course-copy>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.course-meta{gap:5px 8px;font-size:8px}
.course-includes{display:none}
.course-price{grid-column:1/-1;display:grid;grid-template-columns:auto auto 1fr auto;gap:7px;align-items:center;padding:10px 4px 0;border-top:1px dashed #ede6df;border-left:0}
.course-price>small,.course-price>span{display:none}
.course-price>strong{font-size:22px}
.course-price>b{justify-self:end;margin:0}
.purchase-notes>div{grid-template-columns:1fr;gap:12px}
.purchase-footer{display:none}
.mobile-buybar{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;min-width:0;border-radius:16px}
.checkout-backdrop{align-items:flex-end;padding:0}
.checkout-sheet{width:100%;max-height:92vh;padding:22px 18px calc(18px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;animation-name:sheetUp}
.checkout-product{grid-template-columns:46px minmax(0,1fr) auto;padding:12px}
.checkout-product__icon{width:46px;height:46px;border-radius:14px}
.checkout-product__price{font-size:23px}
.payment-options{grid-template-columns:1fr}
}
.login-agreement{cursor:default}
.login-agreement label{cursor:pointer}
.login-agreement a{color:var(--theme-accent);font-weight:650;text-decoration:none}
.login-agreement a:hover{text-decoration:underline}
.agreement-line label{cursor:pointer}
.agreement-line a{color:var(--theme-accent);font-weight:700;text-decoration:none}
.agreement-line a:hover{text-decoration:underline}
.payment-return-sheet{width:min(470px,100%)}
.return-spinner{width:25px;height:25px;border:3px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}
.result-secondary-action{margin-top:4px;padding:9px 14px;border:0;color:#9a8371;background:transparent;font-size:10px;cursor:pointer}
.contact-backdrop{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#29190ca8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fadeIn .2s ease}
.contact-card{position:relative;width:min(390px,100%);overflow:hidden;padding:29px 28px 25px;border:1px solid #ffffffc7;border-radius:28px;text-align:center;background:linear-gradient(160deg,#fff,#fefaf6);box-shadow:0 40px 100px #29190c66;animation:sheetIn .28s cubic-bezier(.2,.8,.2,1)}
.contact-card__glow{position:absolute;top:-110px;right:-90px;width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,#a8643325,#8d4e2914);pointer-events:none}
.contact-card__close{position:absolute;z-index:2;top:17px;right:17px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #f0e8df;border-radius:50%;color:#9a8371;background:#ffffffd9;font-size:20px;cursor:pointer}
.contact-card__eyebrow{position:relative;color:var(--theme-accent);font-size:9px;font-weight:850;letter-spacing:.18em}
.contact-card h2{position:relative;margin:8px 0 6px;color:#442a16;font-size:25px}
.contact-card>p{position:relative;margin:0;color:#a69181;font-size:11px;line-height:1.6}
.contact-card__image{position:relative;width:min(275px,100%);margin:19px auto 14px;padding:8px;border:1px solid #f5e9dc;border-radius:21px;background:#fff;box-shadow:0 18px 45px #8e54281c}
.contact-card__image img{display:block;width:100%;border-radius:15px}
.contact-card__account{display:flex;align-items:center;justify-content:center;gap:10px}
.contact-card__account>i{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;color:#fff;background:#16a866;font-size:11px;font-style:normal;font-weight:850}
.contact-card__account span,.contact-card__account small,.contact-card__account strong{display:block;text-align:left}
.contact-card__account small{color:#af9f92;font-size:9px}
.contact-card__account strong{margin-top:2px;color:#5f422c;font-size:13px}
.contact-card .contact-card__hint{margin-top:14px;color:#b4a59a;font-size:9px}
.mobile-contact-button{display:none}
@media(max-width:760px){.contact-backdrop{align-items:flex-end;padding:0}
.contact-card{width:100%;max-height:92vh;padding:25px 20px calc(23px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;animation-name:sheetUp}
.contact-card__image{width:min(270px,78vw)}
.mobile-contact-button{display:flex;align-items:center;gap:10px;width:100%;margin:15px 0 4px;padding:13px 14px;border:1px solid #f2e8df;border-radius:15px;color:#735640;text-align:left;background:#fff;box-shadow:0 10px 28px #6c44260d}
.mobile-contact-button>i{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:#fff;background:#16a866;font-size:10px;font-style:normal;font-weight:850}
.mobile-contact-button>span{flex:1}
.mobile-contact-button strong,.mobile-contact-button small{display:block}
.mobile-contact-button strong{font-size:12px}
.mobile-contact-button small{margin-top:3px;color:#aa998c;font-size:9px}
.mobile-contact-button>b{color:var(--theme-accent);font-size:20px}
}
.checkout-sheet{width:min(540px,100%);padding:29px;background:linear-gradient(155deg,#fff,#fefcf9 72%,#fef9f4)}
.checkout-head h2{font-size:26px}
.checkout-product{margin-top:22px;padding:17px;border-color:#f8e5d3;background:linear-gradient(135deg,#fdf6ef,#fefcf9);box-shadow:inset 0 1px #fff,0 10px 28px #7a4b270c}
.checkout-product__price:before{display:block;margin-bottom:2px;color:#9a8790;content:"应付";text-align:right;font-size:8px;font-weight:600}
.checkout-account-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:20px 2px 9px}
.checkout-account-head strong,.checkout-account-head small{display:block}
.checkout-account-head strong{color:#5f4430;font-size:12px}
.checkout-account-head small{margin-top:3px;color:#b3a498;font-size:8px}
.checkout-account-head>span{padding:4px 7px;border-radius:99px;color:#187451;background:#e9f8f1;font-size:8px;font-weight:800}
.account-line{gap:12px;padding:14px 15px;border-color:#f7e8d8;background:linear-gradient(135deg,#fefaf5,#fff);box-shadow:inset 3px 0 var(--theme-accent)}
.account-line__avatar{width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-dark));box-shadow:0 8px 18px #a8643329;font-size:10px}
.account-line strong,.account-line span,.account-line small{display:block}
.account-line small{color:#b6a598;font-size:8px}
.account-line strong{margin-top:2px;color:#5f422b;font-size:12px;letter-spacing:.03em}
.account-line span{margin-top:3px;color:#a49182;font-size:8px}
.account-line>em{flex:none;padding:5px 7px;border-radius:8px;color:var(--theme-accent);background:#fcf4ed;font-size:8px;font-style:normal;font-weight:800}
.section-minihead{margin:20px 2px 11px}
.payment-options{gap:12px}
.payment-options>button{min-height:72px;padding:12px;border-radius:16px;transition:.18s ease}
.payment-options>button:hover{border-color:#f4d6b9;background:#fffdfb}
.payment-options>button.is-active{border:2px solid var(--theme-accent);background:linear-gradient(135deg,#fdf8f3,#fff);box-shadow:0 8px 22px #a8643314}
.payment-logo{width:39px;height:39px;border-radius:13px;font-size:12px}
.payment-options strong{font-size:12px}
.payment-options small{font-size:8px}
.agreement-line--checkout{align-items:flex-start;margin:15px 0 13px;padding:10px 11px;border:1px solid #f1ebe4;border-radius:11px;background:#fff}
.agreement-line--checkout input{margin-top:1px}
.primary-action--pay{min-height:53px;padding:13px 18px;border-radius:14px;font-size:13px}
.primary-action--pay strong{font-size:18px}
.checkout-message{border-radius:11px}
@media(max-width:760px){.checkout-sheet{padding:23px 18px calc(18px + env(safe-area-inset-bottom))}
.checkout-head h2{font-size:23px}
.checkout-product{margin-top:18px;padding:13px}
.checkout-product__price:before{display:none}
.checkout-account-head{margin-top:17px}
.account-line{padding:12px}
.account-line>em{display:none}
.payment-options>button{min-height:66px;padding:9px}
.payment-logo{width:36px;height:36px}
.agreement-line--checkout{padding:9px}
.primary-action--pay{min-height:50px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media(max-width:760px){.purchase-header .user-pill{display:inline-flex;max-width:145px;padding:7px 9px;overflow:hidden;font-size:10px;white-space:nowrap}
.purchase-header .user-pill small{flex:none}
}
.membership-card.is-selected{border-width:1px;box-shadow:inset 0 0 0 1px var(--exam-accent),0 15px 36px #a8643321}
.course-section--primary .course-card.is-selected{border-width:1px;box-shadow:inset 5px 0 var(--exam-accent),inset 0 0 0 1px var(--exam-accent),0 0 0 4px #a8643312,0 20px 48px #a8643324}
.payment-success-page{position:relative;min-height:100vh;overflow:hidden;padding:0 24px;color:#181818;background:linear-gradient(140deg,#fff,#fafafa)}
.success-ambient{position:absolute;border-radius:50%;pointer-events:none}
.success-ambient--one{top:120px;left:-190px;width:380px;height:380px;border:72px solid #a864330a}
.success-ambient--two{right:-110px;bottom:-120px;width:310px;height:310px;background:linear-gradient(145deg,#f7b92816,#8d4e2913);filter:blur(6px)}
.success-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:min(1100px,100%);height:82px;margin:0 auto}
.success-header>span{padding:8px 12px;border:1px solid #ffffffdb;border-radius:999px;color:#60718a;background:#ffffffb8;box-shadow:0 8px 26px #744a2a12;font-size:11px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.success-main{position:relative;z-index:2;width:min(1100px,100%);margin:0 auto;padding:18px 0 54px}
.success-hero{position:relative;overflow:hidden;padding:50px 54px 34px;border:1px solid #ffffff9e;border-radius:32px;color:#fff;text-align:center;background:linear-gradient(128deg,#a8632f,var(--theme-accent) 48%,var(--theme-accent-dark));box-shadow:0 34px 90px #9c5d2c3d}
.success-hero:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:radial-gradient(#ffffff2b 1px,transparent 1px);background-size:22px 22px;opacity:.55;-webkit-mask-image:linear-gradient(90deg,#000,transparent 68%);mask-image:linear-gradient(90deg,#000,transparent 68%)}
.success-hero:after{position:absolute;right:-120px;bottom:-240px;width:500px;height:500px;border:70px solid #ffffff10;border-radius:50%;content:""}
.success-hero>*{position:relative;z-index:1}
.success-check{display:grid;width:86px;height:86px;margin:0 auto 20px;place-items:center;border:1px solid #ffffff7a;border-radius:28px;background:#ffffff20;box-shadow:0 17px 42px #623b1c38,inset 0 1px #ffffff70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.success-check i{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;color:var(--theme-accent);background:#fff;box-shadow:0 10px 26px #623b1c52;font-size:27px;font-style:normal;font-weight:900}
.success-eyebrow{color:#fbeddf;font-size:10px;font-weight:850;letter-spacing:.2em}
.success-hero h1{margin:9px 0 10px;font-size:clamp(32px,4vw,48px);letter-spacing:-.035em}
.success-hero>p{max-width:650px;margin:0 auto;color:#ffffffc9;font-size:13px;line-height:1.8}
.success-order{display:flex;align-items:center;gap:24px;width:min(760px,100%);margin:28px auto 0;padding:15px 17px;border:1px solid #ffffff38;border-radius:17px;text-align:left;background:#ffffff12;box-shadow:inset 0 1px #fff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.success-order>div{min-width:0;flex:1}
.success-order span,.success-order strong{display:block}
.success-order span{color:#f9e7d6;font-size:8px}
.success-order strong{overflow:hidden;margin-top:4px;color:#fff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.success-order>b{flex:none;padding:7px 10px;border-radius:9px;color:#126c4b;background:#dcfaec;font-size:9px}
.success-follow{margin-top:22px;padding:31px;border:1px solid #f3eae1;border-radius:27px;background:#fffffff2;box-shadow:0 22px 60px #6c442614}
.success-follow__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:23px}
.success-follow__heading span{color:var(--theme-accent);font-size:9px;font-weight:850;letter-spacing:.18em}
.success-follow__heading h2{margin:6px 0 0;color:#452b17;font-size:25px}
.success-follow__heading>p{max-width:390px;margin:0;color:#a49284;font-size:11px;line-height:1.7;text-align:right}
.success-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.success-contact-card{position:relative;min-height:310px;overflow:hidden;border:1px solid #f2e8df;border-radius:22px;background:linear-gradient(145deg,#fff,#fefbf8)}
.success-contact-card__tag{position:absolute;z-index:2;top:18px;left:18px;padding:6px 9px;border-radius:8px;color:var(--theme-accent);background:#fcf4ed;font-size:9px;font-weight:850}
.success-contact-card--service{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:1fr auto;gap:15px;align-items:center;padding:55px 20px 18px}
.success-contact-card__copy h3{margin:0;color:#203552;font-size:24px}
.success-contact-card__copy p{margin:8px 0 0;color:#a59182;font-size:10px;line-height:1.7}
.success-contact-card__qr{align-self:center;overflow:hidden;padding:7px;border:1px solid #dbe5f3;border-radius:17px;background:#fff;box-shadow:0 13px 35px #224e8d18}
.success-contact-card__qr img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 58%;border-radius:12px}
.success-contact-card--service>small{grid-column:1/-1;padding-top:13px;border-top:1px dashed #efe6dc;color:#8a97aa;text-align:center;font-size:9px}
.success-contact-card--official{position:relative;padding:0;border-color:#0ab969;color:#fff;background:#07c160}
.success-contact-card--official:before{position:absolute;top:-170px;left:-225px;width:560px;height:560px;border-radius:50%;content:"";background:#fff}
.success-contact-card--official:after{position:absolute;right:-54px;bottom:-78px;width:170px;height:170px;border:1px solid #ffffff23;border-radius:50%;content:""}
.success-contact-card--official .success-contact-card__tag{top:17px;left:17px;color:#08794a;background:#fff;box-shadow:0 8px 22px #056c3e29}
.official-account-material{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:20px;align-items:center;min-height:310px;padding:54px 22px 22px}
.official-account-copy{align-self:end;padding:0 4px 8px;color:#fff}
.official-account-search-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}
.official-account-search-title i{display:grid;width:24px;height:24px;place-items:center;border:1px solid #ffffff91;border-radius:50%;background:#ffffff19;font-size:8px;font-style:normal}
.official-account-search{display:flex;align-items:center;gap:9px;margin-top:11px;padding:10px 11px;border-radius:8px;color:#26374f;background:#fff;box-shadow:0 10px 26px #087b4b2b}
.official-account-search b{position:relative;width:14px;height:14px;flex:none;border:2px solid #556070;border-radius:50%}
.official-account-search b:after{position:absolute;right:-5px;bottom:-3px;width:6px;height:2px;content:"";background:#556070;transform:rotate(45deg)}
.official-account-search strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.official-account-copy p{max-width:260px;margin:12px 0 0;color:#ffffffd3;font-size:9px;line-height:1.65}
.official-account-copy>button{margin-top:13px;padding:8px 11px;border:1px solid #ffffff78;border-radius:9px;color:#fff;background:#ffffff18;font-size:9px;font-weight:750;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.official-account-copy>button:hover{background:#ffffff2c}
.official-account-qr{align-self:center;padding:8px 8px 9px;border-radius:17px;color:#29714e;text-align:center;background:#fff;box-shadow:0 18px 42px #04734142}
.official-account-qr img{display:block;width:100%;aspect-ratio:1/1;border-radius:11px}
.official-account-qr small{display:block;margin-top:7px;font-size:8px;font-weight:750}
.success-actions{text-align:center}
.success-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-width:280px;margin-top:24px;padding:14px 20px;border:0;border-radius:14px;color:#fff;background:linear-gradient(100deg,var(--theme-accent),var(--theme-accent-dark));box-shadow:0 14px 30px #a8643335;font-size:13px;font-weight:800;cursor:pointer}
.success-actions>button span{font-size:18px}
.success-actions>p{margin:11px 0 0;color:#8a96a8;font-size:9px}
.success-footer{position:relative;z-index:2;padding:0 0 28px;color:#af9f92;text-align:center;font-size:9px}
@media(max-width:760px){.payment-success-page{padding:0 14px}
.success-header{height:66px}
.success-header>span{display:none}
.success-main{padding:8px 0 34px}
.success-hero{padding:35px 19px 22px;border-radius:24px}
.success-check{width:72px;height:72px;margin-bottom:16px;border-radius:23px}
.success-check i{width:47px;height:47px;font-size:23px}
.success-hero h1{font-size:29px}
.success-hero>p{font-size:11px}
.success-order{align-items:stretch;flex-direction:column;gap:10px;margin-top:21px;padding:13px}
.success-order>b{position:absolute;right:13px;bottom:13px}
.success-order>div{padding-right:58px}
.success-follow{margin-top:14px;padding:20px 14px;border-radius:20px}
.success-follow__heading{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:16px}
.success-follow__heading h2{font-size:20px}
.success-follow__heading>p{text-align:left}
.success-contact-grid{grid-template-columns:1fr;gap:12px}
.success-contact-card{min-height:0;border-radius:18px}
.success-contact-card--service{grid-template-columns:minmax(0,1fr) 142px;padding:51px 14px 14px}
.success-contact-card__copy h3{font-size:20px}
.success-contact-card--official:before{top:-140px;left:-245px}
.official-account-material{grid-template-columns:minmax(0,1fr) 138px;gap:11px;min-height:270px;padding:53px 13px 15px}
.official-account-copy{padding:0 0 4px}
.official-account-search-title{font-size:10px}
.official-account-search{padding:8px}
.official-account-search strong,.official-account-copy p{font-size:8px}
.official-account-qr{padding:6px 6px 8px;border-radius:14px}
.success-actions>button{width:100%;min-width:0;margin-top:18px}
.success-footer{padding-bottom:20px}
}
.success-contact-card--service{position:relative;min-height:340px;background:radial-gradient(circle at 82% 18%,#a8643317,transparent 12rem),linear-gradient(145deg,#fff,#fefaf6)}
.success-contact-card--service:before{position:absolute;right:-66px;bottom:-82px;width:190px;height:190px;border:32px solid #a8643309;border-radius:50%;content:""}
.success-contact-card--service:after{position:absolute;top:24px;right:32%;width:7px;height:7px;border-radius:50%;content:"";background:#ffd36a;box-shadow:22px 15px #a8643345,-18px 28px #8d4e2935}
.success-contact-card--service .success-contact-card__tag{color:var(--theme-accent);background:#fcf4ed}
.success-contact-card__copy,.success-contact-card__qr,.success-contact-card--service>small{position:relative;z-index:1}
.success-contact-card__eyebrow{display:block;margin-bottom:8px;color:var(--theme-accent);font-size:7px;font-weight:850;letter-spacing:.16em}
.service-topic-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}
.service-topic-list span{padding:5px 7px;border:1px solid #f3e3d5;border-radius:7px;color:#745740;background:#fff9f2;font-size:8px;font-weight:700}
.service-contact-tip{display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px;border:1px solid #f3eae1;border-radius:11px;background:#ffffffbd;box-shadow:0 8px 22px #6c44260c}
.service-contact-tip>i{display:grid;width:23px;height:23px;flex:none;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-dark));font-size:8px;font-style:normal;font-weight:850}
.service-contact-tip span,.service-contact-tip strong,.service-contact-tip small{display:block}
.service-contact-tip strong{color:#344965;font-size:8px}
.service-contact-tip small{margin-top:2px;color:#aa988b;font-size:7px;line-height:1.4}
.success-contact-card--official,.official-account-material{min-height:340px}
.official-account-copy{display:flex;align-self:stretch;flex-direction:column;justify-content:space-between;gap:9px;padding:2px 4px 3px;color:#203552}
.official-account-search-title{color:#08794a}
.official-account-search-title i{border-color:#9edbbd;color:#fff;background:#07c160}
.official-account-copy .official-account-search{margin-top:0}
.official-account-copy h3{margin:0;color:#203552;font-size:14px}
.official-account-copy p{margin:0;color:#988373}
.official-account-topics{display:flex;flex-wrap:wrap;gap:5px;margin-top:0}
.official-account-topics span{padding:5px 7px;border:1px solid #cceadb;border-radius:7px;color:#08794a;background:#effaf5;font-size:8px;font-weight:700}
.official-account-copy>button{align-self:flex-start;margin-top:0;border-color:#b9dfcd;color:#08794a;background:#f2fbf7}
.official-account-copy>button:hover{border-color:#07c160;background:#e8f8f0}
@media(max-width:760px){.success-contact-card--service{min-height:294px}
.success-contact-card--service:after{display:none}
.success-contact-card__eyebrow{margin-bottom:6px}
.service-topic-list{gap:4px;margin-top:10px}
.service-topic-list span{padding:4px 5px;font-size:7px}
.service-contact-tip{margin-top:10px;padding:7px}
.service-contact-tip small{display:none}
.success-contact-card--official,.official-account-material{min-height:300px}
.official-account-copy h3{margin-top:10px;font-size:11px}
.official-account-copy p{font-size:7px;line-height:1.55}
.official-account-topics{gap:4px;margin-top:8px}
.official-account-topics span{padding:4px 5px;font-size:7px}
.official-account-copy>button{margin-top:9px;padding:6px 8px;font-size:7px}
}
.payment-options--desktop{grid-template-columns:repeat(3,minmax(0,1fr))}
.payment-options>button:disabled{opacity:.5;background:#f8f5f3;cursor:not-allowed}
.qr-loading{display:grid;width:176px;height:176px;padding:18px;place-items:center;border:1px solid #eee6dd;border-radius:16px;color:#a59182;background:#fff;box-shadow:0 12px 32px #633f231a;font-size:10px;line-height:1.6}
.payment-logo svg{display:block;width:24px;height:24px}
.h5-payment__icon svg{display:block;width:34px;height:34px}
.h5-payment__icon--alipay{background:#1677ff}
.h5-payment__icon--wechat{background:#07c160}
@media(max-width:760px){.payment-options--desktop{grid-template-columns:1fr}
}
.login-dialog-backdrop{z-index:120}
.login-dialog{position:relative;width:min(460px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:30px;border:1px solid #ffffffc7;border-radius:28px;background:linear-gradient(155deg,#fff,#fefbf8 68%,#fef9f4);box-shadow:0 40px 100px #29190c59;animation:sheetIn .28s cubic-bezier(.2,.8,.2,1)}
.login-dialog:before{position:absolute;top:-100px;right:-86px;width:250px;height:250px;border-radius:50%;content:"";background:#a8643316;pointer-events:none}
.login-dialog>*{position:relative;z-index:1}
.login-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.login-dialog__head span{color:var(--theme-accent);font-size:9px;font-weight:850;letter-spacing:.16em}
.login-dialog__head h2{margin:5px 0 0;color:#563a24;font-size:26px}
.login-dialog__head>button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #f0e8e1;border-radius:50%;color:#8a7260;background:#fff;font-size:20px;cursor:pointer}
.login-dialog__product{display:grid;gap:4px;margin:21px 0 17px;padding:15px 17px;border:1px solid #f9e8d7;border-radius:16px;background:linear-gradient(135deg,#fdf6ef,#fefcf9);box-shadow:inset 3px 0 var(--theme-accent)}
.login-dialog__product span{color:#a08c7c;font-size:8px}
.login-dialog__product strong{color:#62442d;font-size:13px}
.login-dialog__product small{color:#a79587;font-size:8px}
.login-dialog__intro{margin:12px 0 20px;color:#a08d7f;font-size:10px;line-height:1.7}
.login-dialog form{display:grid;gap:17px}
.login-dialog .login-card__safe{margin-top:20px}
.user-pill--login{color:var(--theme-accent);font-weight:750}
.user-pill--login small{font-weight:500}
@media(max-width:760px){.login-dialog-backdrop{align-items:flex-end}
.login-dialog{width:100%;max-height:92vh;padding:24px 18px calc(20px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;animation-name:sheetUp}
.login-dialog__head h2{font-size:23px}
.login-dialog__product{margin-top:17px}
.login-dialog .login-field button{min-width:96px}
}
.purchase-preview-backdrop{position:fixed;z-index:140;top:0;right:0;bottom:0;left:0;display:grid;padding:20px;place-items:center;background:#071430ad;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:fadeIn .2s ease}
.purchase-preview-dialog{position:relative;width:min(430px,100%);overflow:hidden;padding:34px 32px 30px;border:1px solid rgba(255,255,255,.82);border-radius:28px;text-align:center;background:radial-gradient(circle at 90% 5%,rgba(108,76,255,.16),transparent 12rem),linear-gradient(155deg,#fff,#fefaf6 72%,#fff9ec);box-shadow:0 42px 110px #0412317a;animation:sheetIn .28s cubic-bezier(.2,.8,.2,1)}
.purchase-preview-dialog:before{position:absolute;top:-88px;left:-78px;width:210px;height:210px;border:36px solid rgba(23,105,255,.06);border-radius:50%;content:""}
.purchase-preview-dialog>*{position:relative;z-index:1}
.purchase-preview-dialog__close{position:absolute;top:17px;right:17px;display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid #f0e8df;border-radius:50%;color:#9a8371;background:#ffffffdb;font-size:20px;cursor:pointer}
.purchase-preview-dialog__icon{display:grid;width:82px;height:82px;margin:2px auto 18px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:25px;color:#fff;background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-dark));box-shadow:0 17px 38px #a8643347;transform:none}
.purchase-preview-dialog__icon span,.purchase-preview-dialog__icon strong{display:block;line-height:1}
.purchase-preview-dialog__icon span{align-self:end;font-size:10px;letter-spacing:.14em}
.purchase-preview-dialog__icon strong{align-self:start;margin-top:4px;color:#ffe4a0;font-size:21px}
.purchase-preview-dialog__eyebrow{color:var(--theme-accent);font-size:9px;font-weight:850;letter-spacing:.17em}
.purchase-preview-dialog h2{margin:8px 0 9px;color:#452b17;font-size:27px}
.purchase-preview-dialog>p{max-width:330px;margin:0 auto;color:#a38e7e;font-size:11px;line-height:1.75}
.purchase-preview-dialog__action{width:100%;min-height:50px;margin-top:18px;border:0;border-radius:13px;color:#fff;background:linear-gradient(100deg,var(--theme-accent),var(--theme-accent-dark));box-shadow:0 14px 30px #a8643347;font-size:13px;font-weight:800;cursor:pointer}
@media(max-width:760px){.purchase-preview-backdrop{align-items:end;padding:0}
.purchase-preview-dialog{width:100%;padding:29px 20px calc(22px + env(safe-area-inset-bottom));border-radius:27px 27px 0 0;animation-name:sheetUp}
.purchase-preview-dialog__icon{width:72px;height:72px;border-radius:22px}
.purchase-preview-dialog h2{font-size:24px}
}