:root{--bg:#f7f8fa;--surface:#ffffff;--surface-soft:#f9fafb;--text:#111827;--text-soft:#4b5563;--text-muted:#6b7280;--border:#e5e7eb;--border-strong:#d1d5db;--primary:#111827;--primary-hover:#000000;--success:#15803d;--success-bg:#f0fdf4;--success-border:#bbf7d0;--error:#b91c1c;--error-bg:#fef2f2;--error-border:#fecaca;--warning:#a16207;--warning-bg:#fefce8;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 2px rgba(17, 24, 39, 0.04);--shadow-md:0 10px 30px rgba(17, 24, 39, 0.07);--shadow-lg:0 24px 70px rgba(17, 24, 39, 0.10);--container:1120px;--transition:160ms ease}*,::after,::before{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}img,svg{max-width:100%}[hidden]{display:none!important}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);position:relative;z-index:10}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--primary);color:#fff;font-size:17px;font-weight:800}.brand-name{font-size:19px}.secure-indicator{display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:13px;font-weight:600}.secure-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--success-bg);color:var(--success);font-size:12px;font-weight:800}.main-content{flex:1;padding:54px 0 72px}.page-intro{max-width:700px;margin:0 auto 34px;text-align:center}.eyebrow{margin:0 0 8px;color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.page-intro h1{margin:0;font-size:clamp(32px, 5vw, 46px);line-height:1.08;letter-spacing:-.045em;font-weight:750}.page-description{margin:14px auto 0;max-width:560px;color:var(--text-soft);font-size:16px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,0.85fr);align-items:start;gap:24px}.checkout-card,.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.checkout-card{overflow:hidden}.summary-card{position:sticky;top:24px;padding:28px}.card-header{padding:30px 32px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.section-label{margin:0 0 5px;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.card-header h2,.section-heading h2,.summary-header h2{margin:0;font-size:21px;line-height:1.2;letter-spacing:-.025em}.order-status{padding:6px 10px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:700;white-space:nowrap}.product-summary{padding:26px 32px;display:flex;align-items:center;gap:16px;background:var(--surface-soft);border-bottom:1px solid var(--border)}.product-icon{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;background:var(--primary);color:#fff;font-size:23px;font-weight:800;box-shadow:0 7px 18px rgba(17,24,39,.14)}.product-details{min-width:0}.product-details h3{margin:0;font-size:18px;line-height:1.25;letter-spacing:-.02em}.product-details p{margin:3px 0 0;color:var(--text-muted);font-size:14px}.product-details .product-duration{margin-top:5px;color:var(--text-soft);font-weight:650}.form-section{padding:32px}.section-heading{margin-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px}.field{min-width:0}.field-full{grid-column:1/-1}.field label{display:flex;align-items:baseline;gap:6px;margin-bottom:7px;color:var(--text);font-size:13px;font-weight:700}.optional{color:var(--text-muted);font-size:11px;font-weight:500}.field input,.field select,.field textarea{width:100%;display:block;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text);outline:0;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.field input,.field select{min-height:48px;padding:11px 13px}.field textarea{min-height:94px;padding:11px 13px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#9ca3af}.field input:hover,.field select:hover,.field textarea:hover{border-color:#9ca3af}.field input:focus,.field select:focus,.field textarea:focus{border-color:#111827;box-shadow:0 0 0 3px rgba(17,24,39,.08)}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--error);background:snow}.field-help{margin:6px 0 0;color:var(--text-muted);font-size:12px;line-height:1.45}.field-error{min-height:0;margin:5px 0 0;color:var(--error);font-size:12px;font-weight:600;line-height:1.4}.field select{appearance:none;padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.terms-section{margin:0 32px;padding:22px 0;border-top:1px solid var(--border)}.checkbox-field{display:flex;align-items:flex-start;gap:11px;cursor:pointer}.checkbox-field input{position:absolute;opacity:0;pointer-events:none}.checkbox-control{width:20px;height:20px;flex:0 0 auto;display:grid;place-items:center;margin-top:1px;border:1px solid var(--border-strong);border-radius:6px;background:#fff;transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}.checkbox-tick{color:#fff;font-size:12px;font-weight:900;opacity:0}.checkbox-field input:checked+.checkbox-control{background:var(--primary);border-color:var(--primary)}.checkbox-field input:checked+.checkbox-control .checkbox-tick{opacity:1}.checkbox-field input:focus-visible+.checkbox-control{box-shadow:0 0 0 3px rgba(17,24,39,.13)}.checkbox-text{color:var(--text-soft);font-size:13px;line-height:1.55}.checkbox-text a{color:var(--text);font-weight:700;text-underline-offset:3px}.checkbox-text a:hover{color:var(--primary-hover)}.payment-action{padding:0 32px 32px}.pay-button{width:100%;min-height:56px;position:relative;display:flex;align-items:center;justify-content:center;padding:13px 20px;border:0;border-radius:14px;background:var(--primary);color:#fff;font-size:15px;font-weight:750;box-shadow:0 8px 20px rgba(17,24,39,.14);transition:transform var(--transition),background-color var(--transition),box-shadow var(--transition),opacity var(--transition)}.pay-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 12px 28px rgba(17,24,39,.18)}.pay-button:active:not(:disabled){transform:translateY(0)}.pay-button:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(17,24,39,.14),0 8px 20px rgba(17,24,39,.14)}.pay-button:disabled{opacity:.62}.button-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px}.button-amount{font-weight:800}.button-loading{display:inline-flex;align-items:center;gap:10px}.large-spinner,.spinner{display:inline-block;border:2px solid rgba(255,255,255,.32);border-top-color:#fff;border-radius:50%;animation:.7s linear infinite spin}.spinner{width:17px;height:17px}.large-spinner{width:28px;height:28px;border-width:3px;border-color:rgba(17,24,39,.12);border-top-color:var(--primary)}.payment-note{margin:11px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-muted);font-size:12px;text-align:center}.payment-lock{font-size:12px}.summary-header{margin-bottom:24px}.summary-product{padding-bottom:20px;border-bottom:1px solid var(--border)}.summary-product-name{display:block;color:var(--text);font-size:15px;font-weight:750;line-height:1.35}.summary-product-duration{display:block;margin-top:3px;color:var(--text-muted);font-size:12px}.summary-lines{padding:18px 0}.summary-row{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--text-soft);font-size:13px}.summary-row strong{color:var(--text);font-size:13px;font-weight:650}.summary-total{padding-top:18px;display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-top:1px solid var(--border);color:var(--text)}.summary-total span{font-size:14px;font-weight:700}.summary-total strong{font-size:25px;line-height:1;letter-spacing:-.035em}.summary-trust{margin-top:24px;padding-top:21px;border-top:1px solid var(--border)}.trust-item{display:flex;align-items:flex-start;gap:9px;margin-top:11px;color:var(--text-muted);font-size:12px}.trust-item:first-child{margin-top:0}.trust-icon{width:17px;height:17px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--success-bg);color:var(--success);font-size:10px;font-weight:900}.alert{margin:0 auto 24px;max-width:850px;padding:15px 17px;display:flex;align-items:flex-start;gap:12px;border-radius:14px;border:1px solid}.alert-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.alert-icon{width:22px;height:22px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:rgba(185,28,28,.1);font-size:12px;font-weight:900}.alert-content{min-width:0;flex:1}.alert-content strong{display:block;font-size:13px}.alert-content p{margin:2px 0 0;font-size:13px;line-height:1.45}.alert-close{width:28px;height:28px;flex:0 0 auto;margin-top:-3px;border:0;background:0 0;color:currentColor;border-radius:8px;font-size:20px;line-height:1;opacity:.7}.alert-close:hover{opacity:1;background:rgba(185,28,28,.06)}.alert-close:focus-visible{outline:currentColor solid 2px;outline-offset:2px}.processing-panel,.success-panel{max-width:720px;margin:20px auto 0;padding:56px 32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}.processing-icon{width:64px;height:64px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:var(--surface-soft)}.processing-panel h2,.success-panel h2{margin:0;font-size:clamp(25px, 4vw, 32px);line-height:1.15;letter-spacing:-.035em}.processing-panel p{max-width:520px;margin:12px auto 0;color:var(--text-soft);font-size:15px}.processing-panel .processing-note{margin-top:20px;color:var(--text-muted);font-size:12px}.success-icon{width:72px;height:72px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);font-size:30px;font-weight:800}.success-panel .eyebrow{color:var(--success)}.success-panel>p:not(.eyebrow){max-width:560px;margin:12px auto 0;color:var(--text-soft)}.success-details{max-width:500px;margin:30px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--border);border-radius:15px;overflow:hidden}.success-detail{padding:17px;text-align:left}.success-detail+.success-detail{border-left:1px solid var(--border)}.success-detail span{display:block;color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.success-detail strong{display:block;margin-top:4px;color:var(--text);font-size:13px;word-break:break-word}.success-actions{margin-top:28px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.primary-button,.secondary-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border-radius:11px;text-decoration:none;font-size:13px;font-weight:750;transition:transform var(--transition),background-color var(--transition),border-color var(--transition)}.primary-button{background:var(--primary);color:#fff;border:1px solid var(--primary)}.primary-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.secondary-button{background:#fff;color:var(--text);border:1px solid var(--border-strong)}.secondary-button:hover{background:var(--surface-soft);transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.site-footer{border-top:1px solid var(--border);background:#fff}.footer-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-inner p{margin:0;color:var(--text-muted);font-size:12px}.footer-links{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.footer-links a{text-underline-offset:3px}.footer-links a:hover{color:var(--text)}.footer-secure{white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (max-width:900px){.checkout-layout{grid-template-columns:1fr}.summary-card{position:static;order:-1}.summary-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trust-item{margin-top:0}}@media (max-width:640px){.container{width:min(calc(100% - 24px),var(--container))}.header-inner{min-height:64px}.brand-name{font-size:18px}.secure-indicator{font-size:11px}.main-content{padding:32px 0 48px}.page-intro{margin-bottom:24px}.page-intro h1{font-size:32px}.page-description{margin-top:11px;font-size:14px}.checkout-layout{gap:14px}.checkout-card,.processing-panel,.success-panel,.summary-card{border-radius:20px}.summary-card{padding:22px}.card-header{padding:23px 21px}.product-summary{padding:20px 21px}.form-section{padding:25px 21px}.form-grid{grid-template-columns:1fr;gap:17px}.field-full{grid-column:auto}.terms-section{margin:0 21px;padding:19px 0}.payment-action{padding:0 21px 23px}.summary-trust{display:block}.trust-item{margin-top:11px}.processing-panel,.success-panel{padding:42px 21px}.success-details{grid-template-columns:1fr}.success-detail+.success-detail{border-left:0;border-top:1px solid var(--border)}.success-actions{flex-direction:column}.primary-button,.secondary-button{width:100%}.footer-inner{min-height:80px;flex-direction:column;justify-content:center;text-align:center}}@media (max-width:380px){.container{width:calc(100% - 18px)}.card-header{gap:10px}.order-status{font-size:11px;padding:5px 8px}.product-icon{width:46px;height:46px;border-radius:13px}.product-details h3{font-size:16px}.summary-total strong{font-size:22px}}@media print{body{background:#fff}.payment-action,.processing-panel,.site-footer,.site-header,.summary-card,.terms-section{display:none!important}.main-content{padding:0}.container{width:100%;max-width:none}.success-panel{max-width:none;margin:0;border:0;box-shadow:none;padding:20px}}