/* Public pages share the landing page's type, neutral surfaces and red accents. */
body.ss-public { color:#f5f3f5;background:#070708;font-family:Manrope,sans-serif;font-size:14px; }
.ss-public :is(h1,h2,h3,h4,h5,h6,.font-display,.heading-lg,.heading-xl) { font-family:Sora,sans-serif; }
.ss-public .container-page { width:100%;max-width:1260px;padding-left:40px;padding-right:40px; }
.ss-public #main { min-width:0; }
.ss-public :is(.heading-lg,.sea-phead__title) { font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.035em; }
.ss-public .sea-page {
  --sea-bg:#070708;--sea-card:rgba(21,21,25,.65);--sea-fg:#f5f3f5;--sea-mut:#aaa6ad;
  --sea-dim:#8f8994;--sea-line:#ffffff1a;--sea-line-2:#ffffff33;--sea-pink:#d7677c;--sea-accent:#bf1531;
  --sea-max:1260px;--sea-gutter:40px;--sea-scale:1;
  font-family:Manrope,sans-serif;
}
.ss-public .sea-phead { background-image:url('../images/user/hero-seaside.webp')!important;background-position:center 45%; }
.ss-public .sea-phead__inner { padding-top:64px;padding-bottom:52px; }
.ss-public .sea-phead__scrim { background:linear-gradient(100deg,#070708ed,#070708bd 55%,#07070880); }
.ss-public .sea-phead__fade { background:linear-gradient(0deg,#070708,transparent 85%); }
.ss-public .sea-phead__lede { max-width:60ch;font-size:14px;line-height:1.8;color:#aaa6ad; }
.ss-public .sea-body { padding-top:48px;padding-bottom:64px; }
.ss-public :is(.sea-panel,.sea-faq,.card) {
  border:1px solid #ffffff1a;border-radius:20px;background:linear-gradient(145deg,#ffffff03,transparent 55%),rgba(19,19,23,.72);
  box-shadow:inset 0 1px 0 #ffffff04;
}
.ss-public .sea-panel { padding:26px; }
.ss-public :is(.sea-panel__title,.sea-sec-head__title) { font-family:Sora,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.025em; }
.ss-public .sea-sec-head { padding-bottom:16px;border-bottom:1px solid #ffffff16; }
.ss-public .sea-faq summary { padding:20px 22px;font-size:14px; }
.ss-public .sea-faq p { font-size:13px;line-height:1.85;color:#aaa6ad; }
.ss-public :is(.sea-faq[open],.sea-faq:hover,.card-hover:hover) { border-color:#ffffff33; }
.ss-public :is(.sea-prose,.sea-p) { font-size:13px;line-height:1.85;color:#aaa6ad; }
.ss-public .sea-split__side { top:112px; }
.ss-public .card.card-hover { transition:border-color .25s,background-color .25s,transform .3s; }
.ss-public .card.card-hover:hover { transform:translateY(-3px);box-shadow:0 16px 36px -20px #000b,inset 0 1px 0 #ffffff0b; }
.ss-public .media-img { filter:none; }
.ss-public .card:hover .media-img { filter:none;transform:scale(1.04); }
.ss-public :is(.btn-primary,.btn-secondary,.sea-btn) {
  position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:44px;padding:11px 20px;border-radius:999px;font:600 13px/1.4 Manrope,sans-serif;letter-spacing:0;
  transition:color .3s,border-color .3s,background-color .3s;
}
.ss-public :is(.btn-primary,.sea-btn--primary) { background:#bf1531;border-color:#bf1531;color:#fff;box-shadow:none; }
.ss-public :is(.btn-secondary,.sea-btn--ghost) { background:#ffffff06;border:1px solid #ffffff20;color:#ddd; }
.ss-public :is(.btn-primary,.btn-secondary,.sea-btn)::after {
  content:"";position:absolute;inset:0;z-index:-1;background:#fff;transform:scaleY(0);transform-origin:bottom;transition:transform .65s;
}
.ss-public :is(.btn-primary,.btn-secondary,.sea-btn):hover:not(:disabled) { color:#111!important;border-color:#fff; }
.ss-public :is(.btn-primary,.btn-secondary,.sea-btn):hover:not(:disabled)::after { transform:scaleY(1); }
.ss-public :is(.btn-primary,.btn-secondary,.sea-btn) svg { position:relative;flex-shrink:0; }
.ss-public :is(.btn-primary,.btn-secondary,.sea-btn):disabled { cursor:not-allowed;opacity:.45; }
.ss-public .input {
  min-height:44px;border:1px solid #ffffff1c;border-radius:14px;background:#ffffff05;color:#eee;
  font-family:Manrope,sans-serif;font-size:13px;box-shadow:none;
}
.ss-public .input:focus { border-color:#bf153199;outline:2px solid #bf15311f;outline-offset:2px; }
.ss-public .input option { background:#151518;color:#eee; }
.ss-public :is(.text-accent-200,.text-accent-300,.text-accent-400) { color:#d7677c; }
.ss-public .bg-accent-400 { background-color:#bf1531; }
.ss-public .badge { border-radius:999px;font:600 10px/1.4 Manrope,sans-serif; }
.ss-public :is(.vip-hero,.vip-plan) { border-radius:24px;border-color:#ffffff1c;background-color:#121216; }
.ss-public :is(.vip-plan__name,.vip-plan__amount) { font-family:Sora,sans-serif; }
.ss-public .glow-top { background:radial-gradient(ellipse at 30% 0,rgba(191,21,49,.1),transparent 70%); }
.ss-public .grid-texture { opacity:.15; }
.ss-public :is(.sea-faq summary,a,button):focus-visible { outline:2px solid #d7677c;outline-offset:4px; }
.ss-public .ss-footer { padding-top:110px; }
@media(max-width:767px) {
  .ss-public .container-page { padding-left:24px;padding-right:24px; }
  .ss-public .sea-page { --sea-gutter:24px; }
  .ss-public .sea-phead__inner { padding-top:38px;padding-bottom:36px; }
  .ss-public .sea-panel { padding:22px; }
  .ss-public .sea-body { padding-top:32px;padding-bottom:36px; }
  .ss-public .ss-footer { padding-top:80px; }
}
@media(prefers-reduced-motion:reduce) { .ss-public .card.card-hover:hover,.ss-public .card:hover .media-img { transform:none; } }