:root{--ink:#172033;--muted:#667085;--line:#e6e9f1;--soft:#f6f7fb;--white:#fff;--primary:#4f46e5;--primary-dark:#3730a3;--green:#16a34a;--radius:22px;--shadow:0 22px 70px rgba(31,42,79,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfbfd;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.is-hidden{display:none!important}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:20px;top:-80px;z-index:1000;background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px}.skip-link:focus{top:18px}
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(230,233,241,.82);background:rgba(251,251,253,.86);backdrop-filter:blur(18px)}.nav-row{height:76px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--primary);color:#fff;font-size:18px;box-shadow:0 9px 22px rgba(79,70,229,.22)}.main-nav{display:flex;gap:28px;margin-left:auto}.main-nav a{font-size:14px;color:#475467}.main-nav a:hover{color:var(--ink)}.account-actions{display:flex;align-items:center;gap:8px}.user-chip{border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:5px 9px 5px 5px;border-radius:999px;cursor:pointer}.user-chip:hover{background:#eff1f6}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e9e7ff;color:var(--primary-dark);font-weight:800}
.button{border:0;border-radius:13px;padding:13px 18px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button-small{padding:10px 14px;font-size:14px}.button-full{width:100%}.button-primary{background:var(--primary);color:#fff;box-shadow:0 13px 30px rgba(79,70,229,.22)}.button-primary:hover:not(:disabled){background:#4338ca;box-shadow:0 15px 34px rgba(79,70,229,.28)}.button-dark{background:var(--ink);color:#fff}.button-light{border:1px solid var(--line);background:#fff;color:var(--ink)}.button-light:hover:not(:disabled){background:#f8f9fc}.button-quiet{background:transparent;color:#475467}.button-quiet:hover{background:#f0f2f7}.text-button{border:0;background:transparent;color:var(--muted);font-size:14px;cursor:pointer}.text-button:hover{color:var(--primary)}
.hero{position:relative;overflow:hidden;padding:96px 0 90px;background:radial-gradient(circle at 78% 20%,rgba(99,102,241,.1),transparent 31%),linear-gradient(180deg,#fbfbfd,#f7f8fc)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,45,75,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,45,75,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 88%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:72px}.eyebrow,.kicker{margin:0 0 18px;color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px;color:#5953b5;letter-spacing:.02em;text-transform:none}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(22,163,74,.1)}.hero h1{margin:0;font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.055em}.hero h1 em{color:var(--primary);font-style:normal}.hero-text{max-width:580px;margin:26px 0 32px;color:var(--muted);font-size:18px;line-height:1.8}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px;color:#667085;font-size:13px}.trust-row span:before{content:"✓";margin-right:7px;color:var(--green);font-weight:800}
.hero-panel{position:relative;min-height:510px;display:grid;place-items:center}.glow{position:absolute;border-radius:50%;filter:blur(6px)}.glow-a{width:270px;height:270px;right:0;top:20px;background:rgba(99,102,241,.13)}.glow-b{width:200px;height:200px;left:0;bottom:5px;background:rgba(56,189,248,.1)}.price-preview{position:relative;width:min(100%,480px);padding:32px;border:1px solid rgba(221,225,236,.9);border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 34px 90px rgba(45,53,95,.15);backdrop-filter:blur(20px)}.preview-head{display:flex;justify-content:space-between;gap:20px}.preview-head small{color:#98a2b3}.preview-head h2{margin:6px 0 0;font-size:21px}.online{align-self:flex-start;padding:8px 11px;border-radius:999px;background:#eefbf2;color:#15803d;font-size:12px;font-weight:700}.online i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#22c55e}.big-price{display:flex;align-items:flex-start;margin:28px 0 8px}.big-price sup{margin-top:10px;color:var(--primary);font-size:25px;font-weight:800}.big-price strong{font-size:76px;line-height:.9;letter-spacing:-.07em}.big-price span{align-self:flex-end;margin:0 0 7px 10px;color:var(--muted)}.price-preview>p{color:var(--muted);line-height:1.7}.preview-divider{height:1px;margin:24px 0;background:var(--line)}.preview-steps{display:grid;gap:17px;margin:0;padding:0;list-style:none}.preview-steps li{display:flex;align-items:center;gap:13px}.preview-steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f0efff;color:var(--primary);font-size:12px}.preview-steps span{display:grid;gap:2px}.preview-steps small{color:#98a2b3}
.section{padding:94px 0}.section-soft{background:#f5f6fa}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}.section-heading h2,.faq-card h2{margin:0;font-size:clamp(30px,4vw,44px);letter-spacing:-.04em}.section-heading>p{max-width:430px;margin:0;color:var(--muted);line-height:1.7}.section-heading.compact{margin-bottom:30px}.kicker{margin-bottom:11px}.category-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px;padding:8px;border:1px solid var(--line);border-radius:20px;background:#fff}.category-tab{display:flex;align-items:center;gap:13px;border:1px solid transparent;border-radius:15px;background:transparent;padding:15px 18px;text-align:left;cursor:pointer}.category-tab:hover{background:#f8f9fc}.category-tab.is-active{border-color:#dedcfb;background:#f4f3ff;box-shadow:0 6px 18px rgba(79,70,229,.06)}.tab-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:var(--primary);font-weight:800;box-shadow:0 5px 14px rgba(55,48,163,.08)}.category-tab span:last-child{display:grid;gap:3px}.category-tab small{color:var(--muted)}.category-panel{display:none}.category-panel.is-active{display:block}.product-card{display:grid;grid-template-columns:1fr 350px;gap:34px;padding:38px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 60px rgba(31,42,79,.07)}.badges,.tags{display:flex;gap:8px;flex-wrap:wrap}.badges span{padding:7px 10px;border-radius:999px;background:#f0efff;color:var(--primary-dark);font-size:12px;font-weight:700}.product-info h3{margin:18px 0 12px;font-size:32px;letter-spacing:-.03em}.product-info>p{max-width:690px;margin:0;color:var(--muted);line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0}.feature-grid>div{display:flex;gap:11px;padding:15px;border:1px solid #edf0f5;border-radius:15px}.feature-grid i{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:8px;background:#ecfdf3;color:#16a34a;font-style:normal;font-weight:800}.feature-grid span{display:grid;gap:4px}.feature-grid small{color:#98a2b3}.tags span{padding:7px 10px;border-radius:9px;background:#f6f7fa;color:#667085;font-size:12px}.buy-card{padding:26px;border-radius:22px;background:#171b2d;color:#fff}.buy-card>p{margin:0;color:#aeb4c4;font-size:13px}.buy-price{display:flex;align-items:flex-start;margin:18px 0 8px}.buy-price sup{margin-top:7px;font-size:20px}.buy-price strong{font-size:58px;line-height:.9;letter-spacing:-.06em}.buy-price span{align-self:flex-end;margin:0 0 5px 8px;color:#c4c8d4}.buy-price b{font-weight:500}.buy-card>small{display:block;color:#9ca3b3;line-height:1.5}.buy-card ul{display:grid;gap:10px;margin:23px 0;padding:18px 0 18px 18px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);color:#d7dae3;font-size:13px}.buy-card .text-button{display:block;margin:15px auto 0;color:#aeb4c4}.empty-card{display:grid;place-items:center;padding:76px 24px;border:1px dashed #d9dce6;border-radius:26px;background:#fafbfc;text-align:center}.empty-card>span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#eeecff;color:var(--primary);font-size:24px}.empty-card h3{margin:20px 0 8px;font-size:26px}.empty-card p{max-width:500px;margin:0 0 24px;color:var(--muted);line-height:1.7}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-grid article{padding:25px;border:1px solid #e3e6ee;border-radius:20px;background:#fff}.process-grid b{color:var(--primary);font-size:13px}.process-grid h3{margin:22px 0 8px}.process-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.faq-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:42px;border:1px solid var(--line);border-radius:28px;background:#fff}.faq-list{display:grid}.faq-list details{padding:20px 0;border-bottom:1px solid var(--line)}.faq-list details:first-child{padding-top:0}.faq-list details:last-child{border-bottom:0;padding-bottom:0}.faq-list summary{font-weight:700;cursor:pointer}.faq-list p{margin:12px 0 0;color:var(--muted);line-height:1.7}footer{border-top:1px solid var(--line);padding:28px 0;background:#fff}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-row p{color:#98a2b3;font-size:13px}
.modal{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;border:0;background:transparent}.modal::backdrop{background:rgba(15,23,42,.52);backdrop-filter:blur(8px)}.modal[open]{display:grid;place-items:center}.modal-card{position:relative;width:min(100%,490px);max-height:calc(100vh - 48px);overflow:auto;padding:30px;border:1px solid rgba(255,255,255,.55);border-radius:24px;background:#fff;box-shadow:0 32px 100px rgba(15,23,42,.24)}.modal-close{position:absolute;right:18px;top:17px;width:34px;height:34px;border:0;border-radius:10px;background:#f3f4f7;color:#667085;font-size:23px;cursor:pointer}.modal-card h2{margin:0 0 22px;font-size:28px;letter-spacing:-.03em}.modal-brand{display:flex;align-items:center;gap:13px;padding-right:38px}.modal-brand div{display:grid;gap:3px}.modal-brand small{color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:24px 0 20px;padding:5px;border-radius:13px;background:#f2f3f7}.auth-tabs button{border:0;border-radius:9px;background:transparent;padding:10px;font-weight:700;cursor:pointer}.auth-tabs button.is-active{background:#fff;box-shadow:0 3px 10px rgba(31,42,79,.08)}.form-stack{display:grid;gap:16px}.form-stack label{display:grid;gap:7px;color:#344054;font-size:13px;font-weight:700}.form-stack input,.form-stack textarea{width:100%;border:1px solid #dfe3ec;border-radius:12px;background:#fff;padding:12px 13px;color:var(--ink);outline:none;resize:vertical}.form-stack input:focus,.form-stack textarea:focus{border-color:#8b86ee;box-shadow:0 0 0 4px rgba(79,70,229,.09)}.form-error{min-height:18px;margin:-3px 0;color:#dc2626;font-size:13px;line-height:1.4}.auth-note,.modal-note{margin:17px 0 0;color:#98a2b3;font-size:12px;line-height:1.6;text-align:center}.checkout-product{display:flex;justify-content:space-between;gap:18px;padding:15px;border-radius:14px;background:#f6f7fa}.checkout-product>div{display:grid;gap:4px}.checkout-product small{color:var(--muted)}.checkout-product>b{white-space:nowrap;color:var(--primary)}.quantity-control{display:grid;grid-template-columns:42px 1fr 42px}.quantity-control input{border-radius:0;text-align:center;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button{display:none}.quantity-control button{border:1px solid #dfe3ec;background:#f8f9fb;cursor:pointer}.quantity-control button:first-child{border-radius:12px 0 0 12px}.quantity-control button:last-child{border-radius:0 12px 12px 0}.checkout-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.checkout-total strong{color:var(--primary);font-size:25px}.orders-card{width:min(100%,760px)}.orders-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.orders-head h2{margin-bottom:0}.orders-list{display:grid;gap:12px}.loading-state,.orders-empty{padding:52px 20px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center}.order-item{padding:18px;border:1px solid var(--line);border-radius:17px}.order-top,.order-bottom{display:flex;justify-content:space-between;gap:18px}.order-top h3{margin:0 0 5px;font-size:16px}.order-top small{color:#98a2b3}.order-amount{text-align:right}.order-amount strong{display:block;font-size:19px}.status{display:inline-flex;margin-top:6px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.status-pending{background:#fff7e6;color:#b45309}.status-paid{background:#ecfdf3;color:#15803d}.status-cancelled{background:#f2f4f7;color:#667085}.order-requirement{margin:14px 0;padding:11px 13px;border-radius:11px;background:#f8f9fb;color:#667085;font-size:13px;line-height:1.6}.order-bottom{align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #eef0f4}.order-bottom small{color:#98a2b3}.order-buttons{display:flex;gap:8px}.order-buttons button{border:0;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700;cursor:pointer}.pay-order{background:var(--primary);color:#fff}.cancel-order{background:#f2f4f7;color:#667085}.toast{position:fixed;z-index:100;left:50%;bottom:28px;max-width:min(92vw,520px);transform:translate(-50%,30px);padding:12px 17px;border-radius:12px;background:#171b2d;color:#fff;font-size:14px;box-shadow:0 15px 45px rgba(15,23,42,.25);opacity:0;pointer-events:none;transition:.22s ease}.toast.is-visible{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.main-nav{display:none}.nav-row{gap:12px}.account-actions{margin-left:auto}.hero{padding:70px 0}.hero-grid{grid-template-columns:1fr;gap:48px}.hero-panel{min-height:auto}.price-preview{width:100%}.product-card{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.faq-card{grid-template-columns:1fr;gap:34px}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.nav-row{height:66px}.brand>span:last-child{display:none}.user-chip #user-name{display:none}.button-quiet{padding-inline:10px}.hero{padding:52px 0 60px}.hero h1{font-size:42px}.hero-text{font-size:16px}.hero-buttons .button{width:100%;text-align:center}.trust-row{gap:10px;display:grid}.price-preview{padding:23px;border-radius:23px}.big-price strong{font-size:64px}.section{padding:66px 0}.section-heading{display:grid;gap:16px}.category-tabs{grid-template-columns:1fr}.product-card{padding:20px;border-radius:22px}.product-info h3{font-size:27px}.feature-grid{grid-template-columns:1fr}.buy-card{padding:22px}.process-grid{grid-template-columns:1fr}.faq-card{padding:24px}.footer-row{align-items:flex-start}.modal{padding:12px}.modal-card{padding:24px 18px;max-height:calc(100vh - 24px);border-radius:20px}.order-top,.order-bottom{display:grid}.order-amount{text-align:left}.order-buttons{width:100%}.order-buttons button{flex:1}.checkout-product{display:grid}.checkout-product>b{white-space:normal}}