:root{color-scheme:dark;--background: #010208;--sand: #FFD9A9;--grey-dark: #2A2B38;--foreground: #fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled,a[aria-disabled=true]{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--sand);outline-offset:4px}.canvas{min-height:100dvh;display:flex;justify-content:center;align-items:center}.shell{position:relative;display:flex;flex-direction:column;width:100%;height:100dvh;overflow:hidden}.backdrop,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{background:linear-gradient(to bottom,#0006,#0009 50%,#000)}.header{position:relative;z-index:1;display:flex;align-items:center;flex-shrink:0;min-height:calc(4rem + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 16px 0}.header:before{content:"";position:absolute;inset:0 0 -20px;z-index:-1;background:#01020899;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);mask-image:linear-gradient(to bottom,#000 70%,transparent)}.brand{display:flex;align-items:center;gap:8px;padding:0 8px;color:var(--sand);font:600 22px/1 Avenir Next,Avenir,Arial,sans-serif;letter-spacing:-.04em}.scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.content{min-height:max(440px,100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px 20px max(24px,env(safe-area-inset-bottom,0px));text-align:center}h1{margin:0;font-size:36px;line-height:1.25;letter-spacing:-.025em;font-weight:700}.payment{margin:24px 0 0;padding:16px;border:1px solid #ffffff1a;border-radius:16px;background:#2b2d30a8;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);text-align:left}.payment>*+*{margin-top:20px}.summary{display:grid;gap:12px}.line-item,.total{display:flex;justify-content:space-between;gap:16px}.line-item{color:#fffc;font-size:14px}.total{border-top:1px solid #ffffff1a;padding-top:12px;font-size:18px;font-weight:600}.total>:last-child{color:var(--sand)}.renewal{margin:0;font-size:12px;line-height:1.6;color:#ffffffbf}.primary{display:block;width:100%;min-height:48px;padding:16px 20px;border:0;border-radius:16px;background:linear-gradient(135deg,#a36e2f,#fbd49d);color:var(--background);font-size:16px;font-weight:600}.secondary{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:12px;color:#fffc;font-size:14px;text-decoration:none}.secondary:hover{color:var(--sand)}.back{width:100%;border:0;background:transparent}.provider{margin:16px 0 8px;color:#fff9;font-size:12px}.loading{color:#ffffffb3;font-size:14px}.error{color:#fca5a5;font-size:14px}.selected-plan{margin:0;color:#fffc;font-size:14px}.card-toggle{width:100%;min-height:48px;border:1px solid var(--sand);border-radius:12px;background:transparent;color:var(--sand);font-weight:600}.payment-divider{text-align:center;color:#fff9;font-size:12px}.email-label{display:grid;gap:8px;margin-top:20px;color:#fffc;font-size:14px}.email-label input{width:100%;min-height:48px;padding:12px;border:1px solid #ffffff40;border-radius:12px;background:var(--grey-dark);color:var(--foreground);font:inherit}.email-label input:focus-visible{outline:2px solid var(--sand);outline-offset:2px}.email-label span{color:#fff9;font-size:12px;line-height:1.5}[hidden]{display:none!important}@media(min-width:768px){.canvas{padding:24px}.shell{height:min(820px,calc(100dvh - 48px));max-width:460px;border:1px solid #ffffff1a;border-radius:24px;background:#ffffff05}.content{padding-left:28px;padding-right:28px}}@media(prefers-reduced-transparency:reduce){.payment,.header:before{background:var(--grey-dark);backdrop-filter:none;-webkit-backdrop-filter:none}}