/* Compact public purchase and verified login; cabinet styles stay independent. */
body.public-entry{--accent:#c5fa70;--surface:#10221a;background:radial-gradient(ellipse at 90% 20%,#103a2440,transparent 62%),#080e0b;color:#f4f5ef;font-family:var(--font-ui);font-size:var(--text-body)}
.public-entry .web-decoration{display:none}
.public-entry .public-header{height:84px;max-width:1072px;margin:auto;padding:0 36px;border-bottom:1px solid #c9dec415;display:flex;align-items:center;justify-content:space-between}
.public-entry .brand{font-size:20px;gap:10px;letter-spacing:-.7px}
.public-entry .brand img{width:32px;height:35px}
.public-entry .brand strong{color:#c5fa70}
.public-entry .public-login-button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;border:1px solid #617d50;border-radius:24px;background:#14271a;padding:0 21px;font-weight:500;color:#f4f5ef;text-decoration:none}
.public-login-button svg{width:19px;height:19px}
.public-entry .guest-main{width:100%;max-width:1000px;margin:0 auto;padding:30px 36px 12px;min-height:0}
.public-entry .heading{margin:0 0 24px}
.public-entry h1{font:500 27px/1.35 var(--font-display);letter-spacing:-.9px;margin:0}
.public-buy-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}
.public-tiers,.public-periods,.public-methods{border:0;margin:0;padding:0;min-width:0}
.public-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;border:1px solid #304537;border-radius:21px;background:#0b2117;gap:3px}
.public-tiers label{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:66px;border-radius:17px;position:relative;cursor:pointer}
.public-tiers strong{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:550;white-space:nowrap}
.public-tiers svg{width:15px;height:15px;color:#ddc998}
.public-tiers small{font-size:11px;color:#acbdb3;margin-top:3px}
.public-tiers label:has(input:checked){background:#c5fa70;color:#14240a}
.public-tiers label:has(input:checked) small,.public-tiers label:has(input:checked) svg{color:#30451c}
.public-tiers label:has(input:disabled){opacity:.55;cursor:default}
.public-tiers input,.public-methods input{position:absolute;opacity:0;width:1px;height:1px}
.public-tiers label:has(input:focus-visible),.public-methods label:has(input:focus-visible){outline:2px solid #c5fa70;outline-offset:2px}
.public-periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.public-periods label{display:flex;position:relative;flex-direction:column;min-height:118px;padding:14px 16px;border:1px solid #304537;border-radius:19px;background:#0c2017;cursor:pointer;transition:background .15s,border-color .15s}
.public-periods label:has(input:checked){border-color:#c5fa70;box-shadow:inset 0 0 0 1px #c5fa70;background:#10291a}
.public-periods input{position:absolute;right:12px;top:12px;width:16px;height:16px;accent-color:#c5fa70;margin:0}
.public-period-name{font-size:13px}
.public-rate{font-size:24px;line-height:1.25;letter-spacing:-.6px;font-weight:650;margin-top:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.public-rate small{font-size:12px;color:#acbdb3;letter-spacing:0;font-weight:400;margin-left:2px}
.public-period-total{font-size:12px;color:#acbdb3;margin-top:3px}
.public-saving{position:absolute;right:34px;top:12px;background:#283d18;color:#d1ee99;border-radius:9px;padding:2px 5px;font-size:11px}
.public-checkout{border:1px solid #304537;border-radius:22px;background:#10221a;padding:22px;display:flex;flex-direction:column}
.public-checkout h2{font-size:18px;font-weight:500;margin:0 0 12px}
.public-order-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#acbdb3;padding-bottom:17px;margin-bottom:16px;border-bottom:1px solid #304537}
.public-order-line strong{color:#f4f5ef;white-space:nowrap;font-weight:550}
.public-entry .field{gap:7px;margin:0;font-size:13px;font-weight:500}
.public-entry .field input[type=email]{width:100%;height:48px;border:1px solid #465c4c;border-radius:12px;background:#0a1710;padding:0 13px;color:#f4f5ef;font-size:var(--text-control)}
.public-entry .public-email-hint{font-size:11px;color:#acbdb3;margin:7px 0 15px}
.public-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.public-methods label{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;min-height:43px;border:1px solid #3d5143;background:#102018;border-radius:13px;font-size:13px;cursor:pointer}
.public-methods svg{width:19px;height:19px}
.public-methods label:has(input:checked){border-color:#8eaf6d;background:#203720}
.public-entry .primary,.public-entry .secondary{border-radius:25px;min-height:50px;font-weight:550;display:flex;gap:8px;justify-content:center;align-items:center;padding:10px 12px}
.public-entry .primary{background:#c5fa70;color:#14240a}
.public-entry .primary svg{width:19px;height:19px}
.public-entry .secondary{background:#13291d;border:1px solid #52684d;color:#f4f5ef}
.public-entry .public-legal{font-size:11px;line-height:1.5;color:#acbdb3;margin:11px 0 0}
.public-entry .public-legal a{color:#acbdb3;text-decoration:underline;text-underline-offset:3px}
.public-existing{text-align:center;font-size:13px;color:#acbdb3;margin:22px 0 0}
.public-existing a{color:#f4f5ef;text-decoration:underline;text-underline-offset:3px}
.public-entry .public-footer{max-width:928px;display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin:16px auto 0;padding:15px 20px 20px;border-top:1px solid #c9dec415}
.public-entry .public-footer a{font-size:12px;color:#acbdb3;min-height:32px;display:flex;align-items:center}
.public-entry .auth-card{max-width:440px;margin:0 auto;padding:23px;border:1px solid #304537;border-radius:22px;background:#0d2117;box-shadow:none}
.public-entry .auth-card h1{text-align:center;font-size:var(--text-auth-title);line-height:1.35;letter-spacing:-.035em;text-wrap:balance}
.public-entry .auth-card .heading{margin-bottom:20px}
.public-entry .auth-card .field{font-size:var(--text-label);line-height:1.45}
.public-entry .auth-card .primary,.public-entry .auth-card .secondary{font-size:var(--text-control);line-height:1.4;font-weight:550}
.public-entry .auth-card .heading>.muted{font-size:var(--text-helper);line-height:1.5}
.public-entry .auth-card .stack{gap:14px}
.public-entry .auth-card>.secondary+.secondary{margin-top:11px}
.public-entry .auth-card .divider{margin:20px 0;font-size:var(--text-helper);color:#acbdb3}
.public-entry .auth-card .stack>.muted:last-child{display:none}
@media(max-width:640px){
.public-entry .public-header{height:68px;padding:0 18px}
.public-entry .brand{font-size:19px;gap:8px}
.public-entry .brand img{width:28px;height:31px}
.public-entry .public-login-button{font-size:13px;min-height:40px;padding-inline:15px}
.public-entry .guest-main{padding:20px 18px 0}
.public-entry h1{font-size:22px;letter-spacing:-.7px}
.public-entry .heading{margin-bottom:19px}
.public-buy-layout{display:flex;flex-direction:column;gap:15px}
.public-buy-layout>div,.public-checkout{width:100%}
.public-tiers label{min-height:55px}
.public-tiers strong{font-size:12px}
.public-tiers small{font-size:10px}
.public-periods{gap:10px;margin-top:13px}
.public-periods label{padding:12px;min-height:97px}
.public-rate{font-size:21px;margin-top:9px}
.public-period-total{font-size:10px}
.public-period-name{font-size:12px}
.public-saving{font-size:10px;right:29px;top:10px}
.public-periods input{right:10px;top:11px;width:14px;height:14px}
.public-checkout{padding:0;border:0;border-radius:0;background:none}
.public-checkout h2,.public-order-line{display:none}
.public-entry .public-footer{gap:15px;margin-top:20px;padding:10px 15px 18px}
.public-entry .auth-card{padding:0;background:none;border:0}
.public-entry{--text-auth-title:1.375rem}
.public-entry .public-desktop-qr{display:none}
}
@media(prefers-reduced-motion:reduce){.public-entry *{transition:none!important;animation:none!important}}

.public-telegram img{width:22px;height:22px}
.public-entry .auth-card>.public-telegram+.public-desktop-qr{margin-top:11px}
.public-entry .public-desktop-qr svg{width:19px;height:19px}
@media(max-width:640px){.public-entry .public-checkout .field input[type=email]{height:46px}.public-entry .public-existing{margin-top:17px}.public-entry .public-email-hint{margin-bottom:12px}.public-entry .public-methods{margin-bottom:13px}}
.public-entry .auth-card{animation:none}
.public-entry .field input[type=email]{min-height:48px}
@media(max-width:640px){
.public-entry .public-checkout .field input[type=email]{min-height:46px}
.public-entry .public-checkout .field{gap:6px}
.public-entry .public-email-hint{margin-bottom:10px}
.public-entry .public-methods label{min-height:40px}
.public-entry .public-methods{margin-bottom:11px}
.public-entry .public-checkout .primary{min-height:48px}
}

/* Payment transition is a small, stable view; no layout jump or blocking form. */
.public-entry .guest-main:has(.checkout-preparation){display:grid;place-items:center;flex:1;padding:32px 20px;min-height:min(600px,calc(100svh - 180px));}
.checkout-preparation{width:min(100%,440px);text-align:center;display:grid;justify-items:center;gap:16px;padding:32px 24px;border:1px solid #344638;border-radius:28px;background:#0c1d15;box-sizing:border-box;}
.checkout-preparation h1{font-size:clamp(26px,5vw,34px);margin:0;line-height:1.2;}
.checkout-spider{width:96px;height:96px;display:grid;place-items:center;position:relative;margin-bottom:4px;}
.checkout-spider:before{content:"";position:absolute;inset:0;border:2px solid #b7ed6833;border-top-color:#b7ed68;border-radius:50%;animation:checkout-turn 2.4s linear infinite;}
.checkout-spider img{width:54px;height:60px;animation:checkout-breathe 2.4s ease-in-out infinite;}
.checkout-spider.is-ready:before{animation:none;border-color:#b7ed6844;}
.checkout-spider.is-ready img{animation:none;}
.checkout-plan{margin:0;color:#a9b6ad;}
.checkout-amount{font-size:32px;line-height:1.15;}
.checkout-method{display:flex;align-items:center;gap:9px;color:#d2dbd5;}
.checkout-status{color:#a9b6ad;line-height:1.5;min-height:3em;margin:0;font-size:15px;}
.checkout-actions{display:grid;gap:14px;width:100%;}
@keyframes checkout-turn{to{transform:rotate(360deg)}}
@keyframes checkout-breathe{50%{transform:translateY(-3px)}}
@media(max-width:480px){.checkout-preparation{padding:28px 20px;gap:14px;}.public-entry .guest-main:has(.checkout-preparation){padding:16px;min-height:calc(100svh - 180px);}}
@media(prefers-reduced-motion:reduce){.checkout-spider:before,.checkout-spider img{animation:none;}}
.public-entry .guest-main:has(.checkout-preparation):focus{outline:none;}

/* Approved purchase layout. Auth, invitations and the cabinet keep their scale. */
.checkout-entry #app{min-height:100svh;display:flex;flex-direction:column;isolation:isolate}
.checkout-entry .public-header,.checkout-entry .guest-main,.checkout-entry .public-footer{position:relative;z-index:1;width:calc(100% - 80px);max-width:1200px;margin-inline:auto}
.checkout-entry .public-header{height:100px;flex-shrink:0;padding:0}
.checkout-entry .brand{font-size:1.5rem;gap:12px}
.checkout-entry .brand img{width:38px;height:40px}
.checkout-entry .guest-main{flex:1;padding:44px 0 32px}
.checkout-entry .heading{margin-bottom:32px}
.checkout-entry h1{font-size:clamp(2rem,2.8vw,2.5rem);line-height:1.3;letter-spacing:-.04em;overflow-wrap:anywhere}
.checkout-entry .public-buy-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:32px}
.checkout-entry .public-buy-layout>div{min-width:0;container-type:inline-size}
.checkout-entry .public-group-label,.checkout-entry .public-periods legend{font-size:.9375rem;line-height:1.5;font-weight:500;color:#acbdb3;padding:0;margin:0 0 12px}
.checkout-entry .public-tiers{border-radius:24px;padding:4px;gap:4px}
.checkout-entry .public-tiers label{min-height:80px;padding:12px 8px;border-radius:19px;text-align:center;overflow-wrap:anywhere}
.checkout-entry .public-tiers strong{font-size:1rem;font-weight:550;white-space:normal;line-height:1.4;justify-content:center;flex-wrap:wrap}
.checkout-entry .public-tiers small{font-size:.875rem;line-height:1.45;margin-top:4px}
.checkout-entry .public-tiers svg{flex:none}
.checkout-entry .public-periods{gap:16px;margin-top:24px}
.checkout-entry .public-periods label{min-height:154px;padding:22px 20px 20px;border-radius:22px}
.checkout-entry .public-periods input{top:20px;right:18px;width:18px;height:18px}
.checkout-entry .public-period-name{font-size:1rem;line-height:1.5;padding-right:88px;overflow-wrap:anywhere}
.checkout-entry .public-rate{font-size:2rem;font-weight:650;line-height:1.2;letter-spacing:-.035em;margin-top:18px;white-space:normal;overflow-wrap:anywhere}
.checkout-entry .public-rate small{font-size:.875rem;margin-left:4px;white-space:nowrap}
.checkout-entry .public-rate-value{display:inline-block;white-space:nowrap}
.checkout-entry .public-period-total{font-size:.875rem;line-height:1.5;margin-top:8px;overflow-wrap:anywhere}
.checkout-entry .public-saving{top:19px;right:46px;font-size:.8125rem;line-height:1.5;padding:2px 7px;border-radius:10px}
.checkout-entry .public-checkout{padding:28px;border-radius:24px;background:#10221a}
.checkout-entry .public-checkout h2{font-size:1.5rem;line-height:1.3;font-weight:550;margin:0 0 12px}
.checkout-entry .public-order-line{font-size:1rem;line-height:1.5;padding:0;margin:0;border:0}
.checkout-entry .public-amount{display:flex;flex-direction:column;gap:4px;margin:20px 0 24px;padding:20px 0;border-block:1px solid #304537}
.checkout-entry .public-amount span{font-size:.9375rem;font-weight:500}
.checkout-entry .public-amount strong{font-size:2rem;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.checkout-entry .field{font-size:.9375rem;line-height:1.5;gap:8px}
.checkout-entry .field input[type=email]{height:52px;border-color:#627c68;font-size:1rem;padding-inline:15px}
.checkout-entry .field input::placeholder{color:#9aaa9e;opacity:1}
.checkout-entry .public-email-hint{font-size:.875rem;line-height:1.5;margin:10px 0 20px}
.checkout-entry .public-methods{gap:10px;margin-bottom:20px}
.checkout-entry .public-methods label{min-height:48px;font-size:.9375rem;padding:10px 8px}
.checkout-entry .public-methods img{flex:none}
.checkout-entry .public-checkout .primary{min-height:56px;font-size:1.0625rem;line-height:1.4;font-weight:600}
.checkout-entry .public-legal{font-size:.875rem;line-height:1.6;margin-top:14px;overflow-wrap:anywhere}
.checkout-entry .public-existing{font-size:.9375rem;line-height:1.6;margin-top:28px}
.checkout-entry .public-footer{padding:22px 0 18px;gap:12px 24px;margin-top:0}
.checkout-entry .public-footer a{font-size:.875rem;min-height:36px}
.checkout-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.checkout-web{position:absolute;width:clamp(520px,52vw,820px);opacity:.26;animation:checkout-web-drift 40s ease-in-out -10s infinite alternate}
.checkout-web img{display:block;width:100%;height:auto}
.checkout-web-start{top:-100px;left:-64px;mask-image:linear-gradient(135deg,#000 24%,transparent 88%)}
.checkout-web-end{right:-56px;bottom:-60px;animation-duration:52s;animation-delay:-31s;animation-direction:alternate-reverse;mask-image:linear-gradient(315deg,#000 24%,transparent 88%)}
.checkout-web-end img{transform:rotate(180deg)}
.checkout-backdrop[data-motion="paused"] .checkout-web{animation-play-state:paused}
.checkout-backdrop[data-motion="static"] .checkout-web{animation:none}
@keyframes checkout-web-drift{from{transform:translate3d(-4px,2px,0)}to{transform:translate3d(4px,-2px,0)}}
@media(max-width:1100px){
  .checkout-entry .public-buy-layout{gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  .checkout-entry .public-checkout{padding:24px}
  .checkout-entry .public-periods label{padding:20px 16px}
}
@media(max-width:900px){
  .checkout-entry .public-header,.checkout-entry .guest-main,.checkout-entry .public-footer{width:calc(100% - 48px);max-width:640px}
  .checkout-entry .public-header{height:84px}
  .checkout-entry .guest-main{padding-top:32px}
  .checkout-entry .public-buy-layout{grid-template-columns:minmax(0,1fr);gap:28px}
  .checkout-entry .public-checkout{padding:24px}
}
@media(max-width:640px){
  .checkout-entry .public-header,.checkout-entry .guest-main,.checkout-entry .public-footer{width:calc(100% - 32px)}
  .checkout-entry .public-header{height:auto;min-height:76px;padding-block:16px;gap:12px;flex-wrap:wrap}
  .checkout-entry .brand{font-size:1.1875rem;gap:8px;letter-spacing:-.04em}
  .checkout-entry .brand img{width:30px;height:34px}
  .checkout-entry .public-login-button{font-size:.875rem;min-height:44px;padding-inline:14px}
  .checkout-entry .guest-main{padding:28px 0 24px}
  .checkout-entry .heading{margin-bottom:28px}
  .checkout-entry h1{font-size:1.75rem;line-height:1.35}
  .checkout-entry .public-tiers{grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr))}
  .checkout-entry .public-tiers label{min-height:76px;padding:10px 4px}
  .checkout-entry .public-tiers strong{font-size:.875rem}
  .checkout-entry .public-tiers small{font-size:.8125rem}
  .checkout-entry .public-periods{gap:12px;margin-top:24px}
  .checkout-entry .public-periods label{min-height:144px;padding:16px 12px}
  .checkout-entry .public-periods input{top:16px;right:12px;width:16px;height:16px}
  .checkout-entry .public-period-name{font-size:.9375rem;padding-right:20px}
  .checkout-entry .public-saving{position:static;align-self:flex-start;order:3;font-size:.8125rem;margin-top:8px;padding:1px 6px}
  .checkout-entry .public-rate{font-size:1.625rem;margin-top:14px}
  .checkout-entry .public-period-total{font-size:.8125rem;margin-top:6px}
  .checkout-entry .public-checkout{padding:22px 18px;border:1px solid #304537;border-radius:22px}
  .checkout-entry .public-checkout h2{display:block;font-size:1.375rem}
  .checkout-entry .public-order-line{display:flex;font-size:.9375rem}
  .checkout-entry .public-amount{margin:16px 0 20px;padding:16px 0}
  .checkout-entry .public-amount strong{font-size:1.875rem}
  .checkout-entry .field{font-size:.875rem}
  .checkout-entry .field input[type=email]{height:50px;min-height:50px}
  .checkout-entry .public-email-hint{font-size:.8125rem;margin:10px 0 18px}
  .checkout-entry .public-methods{gap:8px;margin-bottom:18px}
  .checkout-entry .public-methods label{min-height:48px}
  .checkout-entry .public-checkout .primary{min-height:54px;font-size:1rem}
  .checkout-entry .public-legal{font-size:.8125rem}
  .checkout-entry .public-existing{font-size:.875rem;margin-top:24px}
  .checkout-entry .public-footer{gap:8px 18px;padding:18px 0}
  .checkout-entry .public-footer a{font-size:.8125rem}
  .checkout-web{width:360px;opacity:.18}
  .checkout-web-start{left:-48px;top:-56px}
  .checkout-web-end{right:-80px;bottom:-40px}
}
@media(prefers-reduced-motion:reduce){.checkout-web{animation:none}}
@media(max-width:360px){
  .checkout-entry .public-rate{font-size:1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
  .checkout-entry .public-rate small{margin-left:0}
}
/* Reflow with enlarged text as well as viewport changes; never split the price. */
@container(max-width:16rem){.checkout-entry .public-periods{grid-template-columns:minmax(0,1fr)}}