@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.card-scene{perspective:1400px;width:100%;max-width:420px;aspect-ratio:1.586 / 1;margin-inline:auto;--c1: #232a34;--c2: #454f5e}.card-scene[data-brand=visa]{--c1: #0f2d6b;--c2: #2a56c6}.card-scene[data-brand=mastercard]{--c1: #21150f;--c2: #5a2d2d}.card-scene[data-brand=amex]{--c1: #0e3a4a;--c2: #2c7a8c}.card-scene[data-brand=discover]{--c1: #2a1e0c;--c2: #7a5310}.card-tilt{width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.card-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.85,.25,1)}.card-flip[data-flipped=true]{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;overflow:hidden;padding:clamp(18px,5.5%,28px);color:#fff;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 34px 60px -22px #000000bf,inset 0 1px 1px #ffffff38,inset 0 0 0 1px #ffffff0f}.card-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 80% -10%,rgba(255,255,255,.18),transparent 45%),radial-gradient(90% 90% at -10% 110%,rgba(0,0,0,.35),transparent 55%);pointer-events:none}.card-back{transform:rotateY(180deg)}.card-glare{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:soft-light;pointer-events:none;z-index:5;opacity:.9}.card-highlight{position:absolute;border-radius:10px;background:#ffffff1f;box-shadow:0 0 0 1px #ffffff59;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;z-index:1}.card-row{z-index:2;display:flex;align-items:center;justify-content:space-between}.card-row--top{margin-bottom:auto}.card-chip{width:clamp(42px,12%,52px);height:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.card-contactless{width:clamp(20px,6%,26px);color:#ffffffd9}.card-number{z-index:2;display:flex;flex-wrap:wrap;gap:0 clamp(8px,3%,16px);font-family:SF Mono,Roboto Mono,ui-monospace,Cascadia Code,monospace;font-size:clamp(17px,6.3cqw,26px);letter-spacing:1px;margin:clamp(10px,4%,22px) 0;text-shadow:0 2px 6px rgba(0,0,0,.45)}.card-number__group{display:inline-flex}.card-number__char{display:inline-block;width:.72em;text-align:center;color:#ffffff73}.card-number__char.is-filled{color:#fff}.card-row--bottom{align-items:flex-end;gap:16px}.card-field{display:flex;flex-direction:column;gap:3px;min-width:0}.card-field__label{font-size:8.5px;letter-spacing:1.4px;text-transform:uppercase;color:#fff9}.card-field__value{font-family:SF Mono,Roboto Mono,ui-monospace,monospace;font-size:clamp(11px,3.7cqw,15px);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.4)}.card-holder{flex:1;max-width:65%}.card-brand--front{position:absolute;top:clamp(16px,5%,24px);right:clamp(18px,5.5%,28px);z-index:3}.card-stripe{position:absolute;left:0;right:0;top:14%;height:18%;background:#1a1a1f}.card-signature{position:absolute;left:6%;right:6%;top:40%;display:flex;align-items:center;gap:10px}.card-signature__strip{flex:1;height:34px;border-radius:4px;background:repeating-linear-gradient(-45deg,#efefef,#efefef 6px,#dcdcdc 6px,#dcdcdc 12px)}.card-cvv{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.card-cvv__label{font-size:8px;letter-spacing:1.2px;color:#ffffffa6;text-transform:uppercase}.card-cvv__value{min-width:54px;padding:4px 8px;border-radius:4px;background:#fff;color:#1a1a1f;font-family:SF Mono,Roboto Mono,ui-monospace,monospace;font-size:14px;letter-spacing:3px;text-align:right}.card-back-brand{position:absolute;right:6%;bottom:12%;opacity:.9}.card-back-note{position:absolute;left:6%;right:6%;bottom:6%;margin:0;font-size:8px;line-height:1.4;color:#ffffff8c}.brand-logo{height:clamp(24px,7cqw,34px);display:inline-flex;align-items:center}span.brand-logo{font-weight:800;font-size:clamp(18px,6.8cqw,28px);line-height:1}.brand-visa{font-style:italic;letter-spacing:1px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.brand-amex{font-size:clamp(12px,4.2cqw,17px);letter-spacing:2px;padding:5px 8px;border-radius:5px;background:linear-gradient(135deg,#6fd0e0,#2c7a8c);color:#fff}.brand-discover{font-size:clamp(11px,3.9cqw,16px);letter-spacing:1px;color:#fff;position:relative}.brand-discover__dot{display:inline-block;width:.7em;height:.7em;margin:0 1px;border-radius:50%;background:#f79e1b;transform:translateY(.05em)}.brand-generic{height:clamp(20px,6%,26px);color:#ffffffd9}@media (prefers-reduced-motion: reduce){.card-flip{transition:none}}.pay-form{display:flex;flex-direction:column;gap:16px}.field-row{display:flex;gap:14px}.field-row .field{flex:1}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;letter-spacing:.2px;color:var(--muted)}.field input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-size:15px;font-family:inherit;letter-spacing:.4px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field input::placeholder{color:color-mix(in srgb,var(--muted) 60%,transparent)}.field input:focus{outline:none;border-color:var(--accent);background:var(--input-bg-focus);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}.field.has-error input{border-color:var(--danger)}.field.has-error input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 22%,transparent)}.field__error{font-size:12px;color:var(--danger)}.pay-button{position:relative;margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:15px 20px;border:none;border-radius:13px;font-size:16px;font-weight:700;font-family:inherit;letter-spacing:.2px;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 12px 26px -10px color-mix(in srgb,var(--accent) 80%,transparent),inset 0 1px #ffffff40;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.pay-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 34px -12px color-mix(in srgb,var(--accent) 85%,transparent),inset 0 1px #ffffff40}.pay-button:active:not(:disabled){transform:translateY(0)}.pay-button:disabled{cursor:default;filter:saturate(.85) brightness(.95)}.pay-button__spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pay-secure{display:flex;align-items:center;justify-content:center;gap:7px;margin:2px 0 0;font-size:12px;color:var(--muted)}.checkout{position:relative;z-index:1;width:100%;max-width:1000px;display:grid;grid-template-columns:1.05fr 1fr;border-radius:28px;overflow:hidden;background:var(--panel);border:1px solid var(--panel-border);box-shadow:0 40px 90px -40px #171a2666,0 8px 24px -12px #171a2629}.pane{padding:clamp(28px,3.4vw,44px);display:flex;flex-direction:column}.pane--left{background:var(--pane-tint);border-right:1px solid var(--panel-border);gap:26px}.pane--right{gap:22px;justify-content:center}.checkout__card{container-type:inline-size;container-name:card}.order{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:22px;border-top:1px solid var(--panel-border)}.order__line{display:flex;justify-content:space-between;gap:16px;font-size:14px}.order__line--muted{color:var(--muted);font-size:13px}.order__total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:4px;padding-top:12px;border-top:1px dashed var(--panel-border)}.order__total span{font-size:14px;color:var(--muted)}.order__total strong{font-size:24px;font-weight:800;letter-spacing:.2px}.trust{display:flex;align-items:center;gap:7px;margin:0;font-size:12px;color:var(--muted)}.pane__head{display:flex;flex-direction:column;gap:4px}.pane__title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.2px}.pane__subtitle{margin:0;font-size:14px;color:var(--muted)}.success{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.success__inner{text-align:center;max-width:320px}.success__check{width:92px;height:92px;color:var(--accent);filter:drop-shadow(0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent))}.success__inner h2{margin:14px 0 6px;font-size:24px;font-weight:800}.success__inner p{margin:0 0 22px;font-size:14px;line-height:1.55;color:var(--muted)}.success__mail{color:var(--accent);font-weight:700;text-decoration:none;white-space:nowrap}.success__mail:hover{text-decoration:underline}.success__reset{padding:12px 24px;border-radius:12px;border:none;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 12px 26px -12px color-mix(in srgb,var(--accent) 80%,transparent);transition:transform .15s ease,filter .2s ease}.success__reset:hover{transform:translateY(-2px);filter:brightness(1.06)}@media (max-width: 820px){.checkout{grid-template-columns:1fr;max-width:460px}.pane--left{border-right:none;border-bottom:1px solid var(--panel-border)}.order{margin-top:4px}}:root{--bg: #eef1f8;--bg-2: #e6ebf5;--text: #171a26;--muted: #6a7185;--border: rgba(23, 26, 38, .14);--input-bg: #f6f7fb;--input-bg-focus: #ffffff;--accent: #6d5cff;--accent-2: #3f7bff;--danger: #e0405a;--panel: #ffffff;--panel-border: rgba(23, 26, 38, .08);--pane-tint: #f5f6fc;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;font-family:Space Grotesk Variable,Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1100px 700px at 10% -10%,#e9e3ff 0%,transparent 55%),radial-gradient(1000px 800px at 105% 0%,#dcecff 0%,transparent 55%),linear-gradient(165deg,var(--bg),var(--bg-2));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}.page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 32px 28px;overflow:hidden}.aurora{position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;background:radial-gradient(380px 380px at 18% 28%,rgba(124,92,255,.16),transparent 62%),radial-gradient(440px 440px at 82% 72%,rgba(63,123,255,.16),transparent 62%),radial-gradient(320px 320px at 68% 18%,rgba(255,105,180,.1),transparent 62%);filter:blur(20px);animation:drift 20s ease-in-out infinite alternate}@keyframes drift{0%{transform:translateZ(0) scale(1) rotate(0)}to{transform:translate3d(3%,-2%,0) scale(1.08) rotate(6deg)}}.page__foot{position:relative;z-index:1;margin:0;font-size:12px;color:var(--muted);opacity:.85}@media (prefers-reduced-motion: reduce){.aurora{animation:none}}