:root{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color-scheme:dark;background-color:#000;color:#fafafa}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;background:#000}.checkout-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:24px 16px;background:radial-gradient(circle at top,rgba(222,13,121,.08),#000 50%)}.glass-card{background:hsla(0,0%,100%,.03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 24px 48px rgba(0,0,0,.6);border-radius:20px;padding:36px;width:100%;max-width:440px;margin:0 auto;position:relative}.rosely-brand-header{display:flex;align-items:center;gap:12px}.rosely-logo-icon{width:32px;height:32px;border-radius:8px;background:#de0d79;display:flex;align-items:center;justify-content:center}.rosely-brand-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0;letter-spacing:-.01em}.payment-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(222,13,121,.1);border:1px solid rgba(222,13,121,.2);border-radius:9999px;color:#de0d79;font-size:.75rem;font-weight:600}.plan-details-box{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:20px;margin:24px 0}.feature-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:flex-start;gap:12px;font-size:.875rem;color:#a1a1aa;line-height:1.4}.feature-icon{width:16px;height:16px;color:#de0d79;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.amount-display{font-size:2.75rem;font-weight:600;color:#fff;margin:8px 0;line-height:1;letter-spacing:-.03em}.spinner{width:24px;height:24px;border-radius:50%;border:2px solid hsla(0,0%,100%,.1);border-left-color:#de0d79;animation:spin 1s linear infinite;margin:24px auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.checkout-container{align-items:flex-start;padding:40px 16px 16px}.glass-card{padding:28px 24px;border-radius:20px}}