@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@200;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap";#root{max-width:none;margin:0;padding:0;text-align:left}.subject-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:5em 0;margin:0;border:0;background-color:transparent}.subject-name{font-size:30px;padding-bottom:1.5em}.subject-display img{max-height:700px;max-width:600px;width:70%;height:auto;pointer-events:none}*{font-family:Poppins,sans-serif}.quantity-selector{height:1vh;width:5vh;min-width:10vh;display:flex;align-items:center;justify-content:center;background:#FFF;border-radius:5px}.quantity-selector span{width:50%;text-align:center;font-size:2rem;font-weight:300;cursor:pointer;user-select:none}.quantity-selector span:hover{color:gray}.quantity-selector .quantity{font-size:30px;border-right:2px solid rgba(0,0,0,.015);line-height:30px;border-left:2px solid rgba(0,0,0,.015);pointer-events:none}@media only screen and (max-width: 767px){.quantity-selector{font-size:1.5rem;height:4vh}.quantity-selector span{font-size:1.5rem;width:2.5rem;line-height:2.5rem}.quantity-selector .quantity{font-size:2rem;line-height:2rem}}.item{font-size:16px}@media screen and (max-width: 768px){.item{font-size:14px}}@media screen and (max-width: 480px){.item{font-size:9px}}.row-divider{display:flex;align-items:left;width:100%;height:1px;border-top:1px solid #d3e0e6;margin-left:6vh;margin-bottom:6vh}.quantity-selector{height:15vh;width:20vh;min-width:10vh;background:transparent;border-radius:0;margin-top:-40px}.quantity-container{display:flex;justify-content:flex-end}@media only screen and (max-width: 912px){.quantity-selector{width:5vh;margin-top:-40px}}@media only screen and (max-width: 820px){.quantity-selector{width:5vh;margin-top:-40px}}@media only screen and (max-width: 767px){.quantity-selector{width:15vh;margin-top:-40px}}@media only screen and (max-width: 600px){.quantity-selector{width:10vh;margin-top:-50px}.row-divider{display:flex;align-items:left;width:100%;height:1px;border-top:1px solid #d3e0e6;margin-left:1vh;margin-bottom:6vh}}@media only screen and (max-width: 400px){.quantity-selector{width:10vh;margin-top:-30px}.row-divider{display:flex;align-items:left;width:100%;height:1px;border-top:1px solid #d3e0e6;margin-left:1vh;margin-bottom:6vh}}#root{max-width:1280px;margin:0 auto;padding:.2rem 2rem 2rem;text-align:center}.order-page-button-container{padding-top:15px}.footer{margin-top:20vh;margin-right:20px;font-size:.5rem;color:gray}.error{padding-top:20vh}.pro-order-page{--pro-bg: #0b1020;--pro-ink: #eef4ff;--pro-muted: #95a0b7;--pro-accent: #48d7ff;--pro-accent-2: #356bff;--pro-card: #121a2d;--pro-card-strong: #0b1326;--pro-shadow: 0 30px 60px rgba(2, 5, 14, .7);min-height:100vh;background:radial-gradient(circle at 20% 10%,#1b2442 0%,#0b1020 55%,#090e1b 100%);color:var(--pro-ink);font-family:Space Grotesk,Segoe UI,sans-serif;padding:28px clamp(16px,3vw,40px) 40px;position:relative;overflow-x:hidden}.pro-hero{position:relative;display:grid;gap:20px;padding:clamp(24px,4vw,40px);border-radius:28px;background:linear-gradient(120deg,#111a30 0%,#0c1629 45%,#0a1326 100%);box-shadow:var(--pro-shadow);overflow:hidden;animation:proFadeUp .9s ease both;border:1px solid rgba(255,255,255,.06);text-align:center}.pro-hero__brand{display:flex;align-items:center;gap:12px;justify-content:center}.pro-hero__mark{font-family:Sora,Segoe UI,sans-serif;font-size:clamp(22px,3vw,30px);letter-spacing:.6px}.pro-hero__badge{text-transform:uppercase;font-size:11px;letter-spacing:2.4px;padding:6px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:var(--pro-muted)}.pro-hero__copy h1{font-size:clamp(32px,5vw,52px);margin:8px 0 12px;font-family:Sora,Segoe UI,sans-serif}.pro-hero__copy p{max-width:520px;margin:0 auto;color:var(--pro-muted);font-size:16px;line-height:1.6}.pro-hero__meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:#8695b4;justify-content:center}.pro-hero__glow{position:absolute;inset:-20% 45% auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(69,214,196,.25),transparent 70%);filter:blur(2px)}.pro-content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,3vw,40px);margin-top:32px;animation:proFadeUp .9s ease .2s both;width:100%}.pro-content.is-checkout{grid-template-columns:minmax(0,1fr);justify-items:center}.pro-content.is-checkout .pro-packages{max-width:900px;width:100%}.pro-section-title h2{font-size:clamp(24px,3vw,32px);margin:0 0 4px}.pro-section-title span{color:var(--pro-muted)}.pro-package-grid{display:grid;gap:18px;margin-top:18px}.pro-subject-card{margin-top:18px;display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:18px;padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}.pro-subject-media{position:relative;border-radius:16px;overflow:hidden;height:260px;background:#0c1428}.pro-subject-media img{width:100%;height:100%;object-fit:cover;filter:saturate(1) contrast(1)}.pro-subject-placeholder{height:100%;display:grid;place-items:center;color:var(--pro-muted);font-size:14px}.pro-subject-meta{display:grid;gap:6px;align-content:center}.pro-subject-title{font-size:18px;font-weight:600}.pro-subject-subtitle{color:var(--pro-muted);font-size:13px}.pro-card{background:var(--pro-card);border-radius:20px;padding:20px 24px;box-shadow:0 20px 40px #02060573;display:flex;flex-direction:column;gap:16px;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.04)}.pro-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px #1a1e1b26}.pro-card__header{display:flex;justify-content:space-between;gap:12px}.pro-card__header h3{margin:0 0 6px;font-size:20px}.pro-card__header p{margin:0;color:var(--pro-muted)}.pro-card__price{font-size:20px;font-weight:600;color:var(--pro-accent)}.pro-card__actions{display:flex;align-items:center;gap:12px}.pro-qty-btn{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--pro-ink);font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pro-qty{min-width:26px;text-align:center;font-weight:600}.pro-add{margin-left:auto;padding:10px 18px;border:none;border-radius:999px;background:linear-gradient(120deg,var(--pro-accent-2),var(--pro-accent));color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.pro-add:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0e7c7b40}.pro-summary{position:sticky;top:32px;align-self:start}.pro-summary__panel{background:var(--pro-card-strong);color:#f3f6f3;border-radius:24px;padding:24px;box-shadow:var(--pro-shadow);border:1px solid rgba(255,255,255,.06)}.pro-summary__panel h3{margin-top:0}.pro-summary__items{display:grid;gap:12px;margin-bottom:20px}.pro-summary__row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.pro-summary__row span{color:#c9d1cc}.pro-summary__empty{padding:16px;background:rgba(255,255,255,.08);border-radius:16px;font-size:14px;color:#c9d1cc}.pro-tip{background:rgba(255,255,255,.06);border-radius:18px;padding:16px;margin-bottom:18px}.pro-tip__header{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:600}.pro-tip__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pro-chip{border:1px solid rgba(255,255,255,.2);background:transparent;color:#f3f6f3;border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer}.pro-chip.is-active{background:linear-gradient(120deg,var(--pro-accent),#2ee6a8);border-color:transparent;color:#07110d}.pro-tip__control input[type=range]{width:100%;accent-color:var(--pro-accent)}.pro-tip__custom{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border-radius:999px;padding:6px 12px}.pro-tip__custom input{background:transparent;border:none;color:#fff;width:100%;outline:none}.pro-summary__totals{display:grid;gap:8px;font-size:14px;margin-bottom:18px}.pro-summary__totals div{display:flex;justify-content:space-between}.pro-summary__grand{font-size:18px;font-weight:700;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.pro-checkout{width:100%;padding:12px 16px;border-radius:14px;background:#f2f5f3;border:none;font-weight:700;cursor:pointer;color:#0b120f}.pro-checkout:disabled{opacity:.5;cursor:not-allowed}.pro-summary__note{font-size:12px;color:#9da8a1;margin-top:10px}.pro-panel-swap{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease;grid-area:1 / 1;position:relative}.pro-panel-swap.is-hidden{opacity:0;transform:translateY(10px);pointer-events:none}.pro-checkout-panel{margin-top:0;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.pro-checkout-panel.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.pro-swap-area{display:grid;grid-template-columns:1fr;position:relative;min-height:0;margin-top:18px;padding:10px 0;width:100%}.pro-packages{position:relative;width:100%;display:flex;flex-direction:column}.pro-packages:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(10,16,32,.35);border-radius:28px;z-index:-1}.pro-checkout-panel__inner{background:#0b1324;border-radius:24px;padding:clamp(20px,4vw,32px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--pro-shadow);max-width:760px;margin:0 auto;width:100%}.pro-checkout-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.pro-checkout-header h2{margin:0 0 6px}.pro-checkout-header p{margin:0;color:var(--pro-muted)}.pro-back{border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--pro-ink);padding:8px 16px;border-radius:999px;cursor:pointer}.pro-checkout-error{margin-bottom:12px;padding:12px 16px;border-radius:12px;background:rgba(255,107,107,.12);color:#ffb3b3;border:1px solid rgba(255,107,107,.25)}.pro-checkout-loading{display:grid;gap:12px;justify-items:center;padding:24px 0;color:var(--pro-muted)}.pro-spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--pro-accent);animation:proSpin .9s linear infinite}.pro-stripe-form button{width:100%;margin:18px 0 0;border-radius:14px;background:linear-gradient(120deg,var(--pro-accent),var(--pro-accent-2));box-shadow:none}.pro-stripe-form .footer{margin-top:24px;text-align:center}.pro-stripe-form .current-cart-display{margin:0 0 20px}.pro-stripe-form .cart-title{color:var(--pro-ink);font-size:2rem;padding-bottom:.8rem;justify-content:flex-start}.pro-stripe-form .total{color:var(--pro-ink);justify-content:flex-end}.pro-stripe-form .MuiPaper-root{background-color:#0b1428;color:var(--pro-ink);border:1px solid rgba(255,255,255,.08);box-shadow:none;border-radius:16px}.pro-stripe-form .MuiTypography-root{color:var(--pro-ink)}.pro-stripe-form .MuiTypography-body2{color:var(--pro-muted)}.pro-cart{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;background:#0b1428}.pro-cart__header{display:flex;justify-content:space-between;font-size:14px;text-transform:uppercase;letter-spacing:1.6px;color:var(--pro-muted);margin-bottom:12px}.pro-cart__list{display:grid;gap:12px}.pro-cart__preview{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.pro-cart__thumb{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#0b1020;border:1px solid rgba(255,255,255,.08)}.pro-cart__thumb img{width:100%;height:100%;object-fit:cover}.pro-cart__thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}.pro-cart__row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.pro-cart__row:last-child{border-bottom:none;padding-bottom:0}.pro-cart__row strong{display:block;font-size:15px}.pro-cart__row span{display:block;font-size:12px;color:var(--pro-muted)}.pro-cart__meta{text-align:right;font-size:12px;color:var(--pro-muted)}.pro-cart__meta span:last-child{color:var(--pro-ink);font-weight:600}.pro-loading,.pro-error{margin:48px auto;text-align:center;font-size:16px}.pro-footer{text-align:center;margin-top:48px;color:var(--pro-muted);font-size:12px}@keyframes proFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.pro-content{grid-template-columns:1fr}.pro-summary{position:static}.pro-subject-card{grid-template-columns:1fr}.pro-subject-media{height:220px}.pro-subject-media img{object-position:center top}.pro-hero{padding:24px}.pro-hero__mark{font-size:20px}.pro-hero__badge{padding:4px 10px;font-size:10px}.pro-hero__copy h1{font-size:28px}.pro-hero__copy p{font-size:14px}.pro-hero__meta{gap:10px;font-size:11px}.pro-checkout-panel__inner{max-width:100%}.pro-back{padding:6px 12px;font-size:12px}.pro-card__actions{flex-wrap:wrap}.pro-add{width:100%;margin-left:0;text-align:center}.pro-summary__panel{margin-top:16px}.pro-panel-swap{position:static}.pro-panel-swap.is-hidden{display:none}.pro-checkout-panel{max-height:none}.pro-swap-area{min-height:auto}.pro-packages:after{left:0;right:0}}:root{--ff-primary: "Be Vietnam Pro", sans-serif;--ff-primary-200: "Be Vietnam Pro", sans-serif, weight: 200;--ff-primary-400: "Be Vietnam Pro", sans-serif, weight: 400;--ff-primary-600: "Be Vietnam Pro", sans-serif, weight: 600;--ff-primary-size-100: .75rem;--ff-primary-size-300: 1.5rem;--ff-primary-size-500: 2rem;--ff-primary-size-700: 2.5rem}.StripeElement--address .StripeElement-input{margin-bottom:20px}.address-container{margin-bottom:20px;margin-top:20px}div .sticky{position:fixed;display:flex;justify-content:left;top:0;width:100%;z-index:100}.cart{border:2px solid black}.footer{margin-top:20vh;font-size:.5rem;color:gray}#payment-message{color:#697386;font-size:16px;line-height:20px;padding-top:12px;text-align:center}#payment-element{margin-bottom:24px}button{background:#5469d4;font-family:Arial,sans-serif;color:#fff;border-radius:4px;border:0;padding:12px 16px;font-size:16px;font-weight:600;cursor:pointer;display:block;transition:all .2s ease;box-shadow:0 4px 5.5px #00000012;width:35%;margin-left:auto;margin-right:auto}button:hover{filter:contrast(115%)}button:disabled{opacity:.5;cursor:default}.spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0 auto;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.spinner:before,.spinner:after{position:absolute;content:""}.spinner:before{width:10.4px;height:20.4px;background:#5469d4;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s infinite ease 1.5s;animation:loading 2s infinite ease 1.5s}.spinner:after{width:10.4px;height:10.2px;background:#5469d4;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;-webkit-transform-origin:0px 10.2px;transform-origin:0px 10.2px;-webkit-animation:loading 2s infinite ease;animation:loading 2s infinite ease}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media only screen and (max-width: 600px){form{width:80vw;min-width:initial}}.current-cart-display{margin-bottom:1rem;margin-top:2rem;margin-right:-2rem;border:0px}.cart-title{font-family:var(--ff-primary);font-size:var(--ff-primary-size-700);font-weight:var(--ff-primary-600);color:gray;display:flex;justify-content:center;align-items:left;font-size:3rem;padding-bottom:2rem}.total{font-family:var(--ff-primary);font-size:x-large;display:flex;justify-content:center;align-items:center;padding-bottom:3rem}.cart-total{padding-top:20px}html,body{margin:0;padding:0;width:100%;min-height:100%;background:#0b1020}*,*:before,*:after{box-sizing:border-box}#root{width:100%;min-height:100%}