/* AutoPost / Neon Studio — visual theme, shared across every screen. */
:root {
  color-scheme: dark;
  --bg: #090b13;
  --paper: #111522;
  --ink: #e5eaf6;
  --muted: #a0aac2;
  --line: #262c42;
  --green: #71edee;
  --lime: #71edee;
  --sidebar: #0c0e19;
  --cyan: #71edee;
  --violet: #aa8cff;
  --radius: 12px;
}
body {
  background: radial-gradient(ellipse at 80% 0%, #52278d16, transparent 55%), var(--bg);
}
::selection { background: #6552ac; color: #fff; }
button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible { outline-color: var(--cyan); }
.sidebar {
  background: linear-gradient(180deg, #101222, #0b0e18 65%);
  border-right: 1px solid #2b2d46;
  color: #e3e9fa;
}
.brand { letter-spacing: -1.2px; color: #f0f4ff; }
.brand img { filter: drop-shadow(0 0 9px #59ecf337); }
.brand > span { color: var(--cyan); text-shadow: 0 0 10px #60ecff; }
.workspace { border-color: #2b304a; background: #141827; }
.workspace-avatar, .profile-avatar, .avatar {
  background: linear-gradient(135deg, #25394b, #33264d);
  color: #aceef2;
  border: 1px solid #465072;
}
.workspace small, .profile small { color: #929bb8; }
.nav-label, .eyebrow {
  font-family: Consolas, "Cascadia Code", monospace;
  color: #929eba;
  letter-spacing: 1.8px;
}
.nav-item { color: #a7b2cf; border: 1px solid transparent; }
.nav-item:hover { background: #1a2032; color: #edf4ff; }
.nav-item.active {
  background: linear-gradient(90deg, #16303c, #1b2336);
  border-color: #36616d;
  color: #8df6f3;
  box-shadow: inset 3px 0 0 var(--cyan), 0 0 22px #59e2fa06;
}
.nav-item.active .icon { filter: drop-shadow(0 0 6px #55e9ff35); }
.nav-count { background: #2c6470; color: #e6ffff; }
.nav-new { color: #b19add; border-color: #483b63; }
.local-card { background: linear-gradient(125deg, #161d2d, #1c182b); border-color: #393752; color: #b5e3ed; }
.local-card p { color: #9ba6be; }
.version { color: #aaa0c9; }
.live-dot { background: var(--cyan); box-shadow: 0 0 9px #71edee66; }
.profile { border-color: #292d43; }
.topbar { background: #101320ed; border-color: #252b40; }
.breadcrumb, .local-status { color: #96a2be; }
.breadcrumb > span { color: #656784; }
.breadcrumb strong { color: #d1dbef; }
h1 { color: #eff3ff; font-weight: 650; letter-spacing: -1.3px; }
h2, h3 { color: #e3eafb; }
.page-heading .eyebrow::before { content: "// "; color: var(--cyan); }
.page-heading > div > p:last-child { color: #a0aac2; }
.primary {
  background: linear-gradient(110deg, #80f0e5, #6bd5f3);
  color: #0b222c;
  border-color: #99f5f0;
  box-shadow: 0 0 20px #56dbe414;
}
.primary:hover { background: linear-gradient(110deg, #adfff2, #96e9ff); box-shadow: 0 0 24px #56dbe42b; }
.secondary { background: #1a2031; border-color: #39415d; color: #c5d0e7; }
.secondary:hover { background: #242b42; border-color: #6d7299; }
.danger { background: #341d2d; border-color: #81415c; color: #ffb6cb; }
.danger:hover { background: #49243a; }
.text-button, .text-link, .inline-button { color: #8adfe5; }
.text-link:hover, .inline-button:hover { color: #c0faff; }
.icon-button { color: #a4aec9; }
.icon-button:hover { background: #252d45; color: #8cfcf4; }
.button { border-radius: 7px; }
.hero {
  background: radial-gradient(ellipse at 83% 25%, #50317359, transparent 60%),
    linear-gradient(115deg, #111e2a, #18152c 70%, #23213e);
  border-color: #414163;
  box-shadow: inset 0 1px 0 #9bd6ed0d, 0 12px 50px #00000016;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(#7999d00a 1px, transparent 1px), linear-gradient(90deg, #7999d00a 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(90deg, transparent 15%, #000);
}
.hero::after {
  content: "";
  position: absolute;
  width: 78px;
  height: 2px;
  left: 36px;
  top: 0;
  background: var(--cyan);
  box-shadow: 0 0 16px #71edee88;
}
.hero-label { color: #9dc8de; font-family: Consolas, "Cascadia Code", monospace; letter-spacing: 1px; }
.hero-label .live-dot { background: var(--cyan); }
.hero h2 { color: #e9f1ff; text-shadow: 0 0 30px #b1caff0e; }
.hero-copy > p { color: #a1afc9; }
.hero-button { color: #a0f4f5; background: #163240; border-color: #3a7080; }
.hero-button:hover { background: #214454; }
.orbit { border-color: #8a72cf2d; box-shadow: 0 0 28px #9661e806; }
.orbit-one { border-style: dashed; }
.orbit-two { border-color: #66d3e42b; }
.art-card {
  background: #151d30;
  border-color: #6e77a0;
  box-shadow: 0 0 30px #8f6dff23, 0 20px 35px #06061377;
  transform: rotate(7deg);
}
.art-card-heading { color: #d0dcf4; }
.art-card-heading small { color: #93a2c7; }
.art-avatar { background: linear-gradient(145deg, #77eee4, #986aef); box-shadow: 0 0 9px #7df4ec33; }
.art-landscape {
  background: radial-gradient(ellipse at 70% 35%, #562d76 0%, #232647 45%, #14253c 100%);
  border: 1px solid #60618a;
}
.art-landscape::after {
  content: "";
  position: absolute;
  inset: 65% -40% -40%;
  background-image: linear-gradient(#70e9eb55 1px, transparent 1px), linear-gradient(90deg, #70e9eb55 1px, transparent 1px);
  background-size: 19px 18px;
  transform: perspective(70px) rotateX(45deg);
}
.landscape-sun {
  background: linear-gradient(180deg, #b79aff, #f38ed1);
  box-shadow: 0 0 26px #b88aff70;
  mask-image: repeating-linear-gradient(to bottom, #000 0 5px, transparent 5px 6px);
}
.landscape-hill { border-radius: 0; }
.hill-back { background: #343153; border-top: 1px solid #cb8be77d; transform: rotate(-35deg); }
.hill-front { background: #152b43; border-top: 1px solid #65e8fa90; transform: rotate(-25deg); }
.art-landscape > span {
  color: #dcfaff;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 750;
  font-style: normal;
  font-size: 22px;
  letter-spacing: -1px;
  text-shadow: 0 0 15px #a8edff66;
  z-index: 1;
}
.art-card-bottom { color: #9db7df; }
.floating-network { background: #1b2138; border-color: #5e567e; box-shadow: 0 0 20px #9b68df20; }
.float-instagram { color: #e9a2e5; }
.float-youtube { color: #ffa8c5; }
.float-tiktok { color: #82f6ed; }
.art-note { background: #1c2940; border-color: #50758b; box-shadow: 0 10px 25px #03081777; }
.art-note b { color: #d1f5ff; }
.art-note .icon { color: #80ecec; }
.art-note small { color: #afbdd8; }
.art-spark { color: #a68ee3; text-shadow: 0 0 12px #b196ff66; }
.panel, .stat, .media-card {
  background: linear-gradient(135deg, #141928, #111522);
  border-color: #2a3047;
  box-shadow: 0 4px 18px #00000012;
}
.stat { position: relative; overflow: hidden; }
.stat::before { content: ""; position: absolute; width: 30px; height: 2px; top: 0; left: 20px; background: #72e6e2; box-shadow: 0 0 12px #72e6e24d; }
.stat:nth-child(2)::before { background: #b391ff; }
.stat:nth-child(3)::before { background: #87aef8; }
.stat:nth-child(4)::before { background: #ef9bd3; }
.stat-top { color: #a7b1cb; }
.stat-top .icon { color: #8bc9d8; }
.stat > strong { color: #ecf6ff; font-family: Consolas, "Cascadia Code", monospace; }
.stat > small { color: #96a2c0; }
.panel-heading p, .checklist-item small, .empty p { color: #9aa7c4; }
.empty-icon { background: #1c283b; border-color: #3d566c; color: #83dce9; box-shadow: 0 0 22px #5de6f00b; }
.progress-count, .count-bubble { background: #302640; color: #c4a8f5; }
.checklist-item { border-color: #282e43; }
.checklist-item strong { color: #d5dff2; }
.checklist-item > .icon { color: #768aa9; }
.step { background: #1d2236; border-color: #404963; color: #a6b8d8; font-family: Consolas, monospace; }
.step.done { background: #163d43; border-color: #3c7076; color: #9bf6ef; }
.small-note { background: #191e30; border-color: #2d3550; color: #a7b1cc; }
.networks-strip { background: linear-gradient(100deg, #141e2b, #1d192b); border-color: #32354e; }
.networks-strip > div:first-child > span { color: #9faac7; }
.network-icon { background: #1d263a; border-color: #48516a; color: color-mix(in srgb, var(--network) 35%, #eef6ff); }
.networks-strip .network-icon { background: #20263a; border-color: #46516c; color: #c0cce3; }
footer { color: #8c98b2; }
.upload-zone { background: linear-gradient(110deg, #142633, #1f1c35); border-color: #426778; }
.upload-zone.dragging { background: #173d4a; border-color: #80f0ed; }
.upload-symbol { background: #1b3441; color: #96f3ee; border-color: #476677; }
.upload-zone p { color: #a4b2cc; }
.upload-tag { color: #c5b7ed; border-color: #595072; background: #30243e; }
.search-field, select { background: #151c2c; border-color: #343e58; color: #c4cfe5; }
.search-field .icon { color: #89a9c3; }
.search-field input { color: #e3eafa; }
input::placeholder, textarea::placeholder { color: #8a99b4; }
.library-summary { color: #9faac4; }
.media-card.selected { border-color: #77d7df; box-shadow: 0 0 0 2px #54dae629; }
.media-preview { background: #090f1c; }
.media-select { background: #172539ed; border: 1px solid #5b7390; }
.media-select input { accent-color: #64d6e0; }
.file-kind { background: #172539ed; color: #c3dbee; border: 1px solid #526684; }
.media-meta, .muted { color: #a2adc7; }
.media-actions { border-color: #2d354b; }
.category-pill { color: #c3cde2; }
.category-pill i { box-shadow: 0 0 0 1px #ffffff22; }
.notice { background: #162636; border-color: #344e68; color: #afc2dc; }
.notice strong { color: #91e1ee; }
.notice.subtle { color: #a3b2ce; }
.calendar-heading span, .calendar-legend { color: #a0b0cc; }
.calendar-week { background: #161d30; border-color: #303950; }
.calendar-week span { color: #a1b4d1; font-family: Consolas, monospace; }
.calendar-cell { border-color: #272f44; }
.calendar-cell.other-month { background: #0e1421; }
.other-month .day-number { color: #74809b; }
.day-number { color: #b2c4e0; }
.day-number:hover { background: #26364c; }
.today .day-number { background: #83e6ea; color: #112534; box-shadow: 0 0 12px #71edee2d; }
.calendar-post { background: #1c3d4b; border-color: #74e6e9; color: #bcf4fa; }
.calendar-post.blocked { background: #433245; border-color: #f0acce; color: #f4c9dd; }
.legend-planned { background: #79e7e8; }
.legend-blocked { background: #f0acce; }
.drafts-empty { color: #99a9c5; }
.post-row { background: transparent; border-color: #2a3248; }
.post-row:hover { background: #1c253a; }
.post-info small { color: #9eaeca; }
.post-row > .icon { color: #9aa8c7; }
.badge.draft { background: #272c42; color: #bac4de; }
.badge.planned { background: #193c43; color: #a2ecee; }
.badge.blocked { background: #422b3c; color: #f3b8d5; }
.category-art { background: color-mix(in srgb, var(--category) 20%, #1b2033); color: color-mix(in srgb, var(--category) 35%, #eef3ff); border: 1px solid color-mix(in srgb, var(--category) 40%, #34394c); }
.category-card p { color: #a1afca; }
.new-category-card { background: #161d2d; border-color: #495575; color: #96b8d8; }
.new-category-card:hover { background: #21273c; border-color: #92b6dc; }
.new-category-card strong { color: #b9d3e6; }
.account-card p { color: #9eacc8; }
.loading { color: #a6c7df; }
.toast { background: #20384c; color: #e1faff; border-color: #6cb7c7; box-shadow: 0 8px 40px #00000066; }
dialog { background: #141b2b; color: #dde8fa; border-color: #52607e; box-shadow: 0 25px 90px #00000088, 0 0 40px #8c6aff0d; }
dialog::backdrop { background: #030610ba; }
.dialog-heading p { color: #a8b5d0; }
.field { color: #c2cee5; }
.field input, .field select, .field textarea { background: #0f1625; border-color: #3c4b68; color: #e0eafa; }
.field small { color: #a2b0ca; }
.form-notice { background: #1c2a40; border-color: #354b69; color: #b0c4df; }
.form-error { color: #ffb3c3; }
.selected-files { background: #1b2b3c; border-color: #4d6c85; }
.selected-files span { color: #a9bfd9; }
progress { accent-color: #77e8e8; }
.upload-errors { background: #332338; }
.upload-errors p { color: #f2b2cd; }
.success-message { color: #9bece1; }
@media (max-width: 680px) {
  .sidebar { box-shadow: 10px 0 35px #02051388; }
  .hero-art { opacity: .35; }
  .hero { background: linear-gradient(110deg, #12202e, #211b37); }
  .hero::after { left: 23px; }
}
.signed-out .sidebar,.signed-out .shell{display:none}
.auth-screen{display:none;min-height:100vh;padding:48px 20px;place-items:center;background:radial-gradient(ellipse at 20% 20%,#103f4b88,transparent 55%),radial-gradient(ellipse at 85% 80%,#4a216488,transparent 55%),#090b13}
.signed-out .auth-screen{display:grid}
.auth-card{width:min(100%,460px);padding:36px;border:1px solid #59defb44;border-radius:24px;background:#101521eb;box-shadow:0 0 70px #20cee515}
.auth-card .brand{margin-bottom:40px}.auth-card h1{font-size:34px;line-height:1.12}.auth-card>p{color:#a5b0c4;line-height:1.6}.auth-card form{display:grid;gap:18px;margin:24px 0 16px}.auth-card label{display:grid;gap:8px}.auth-card input{width:100%;padding:13px;color:#f1f6ff;background:#090e19;border:1px solid #35435b;border-radius:10px;font:inherit}.auth-card input:focus{outline:2px solid #51d9ef}.auth-card .button{width:100%;justify-content:center}.auth-card small{color:#a5b0c4}#auth-error{color:#ff9cae;margin:0;font-size:14px}
.billing-cycle{display:flex;gap:10px;margin:0 0 24px}.billing-cycle .active{box-shadow:0 0 24px #4bd7e733}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.price-card{position:relative;display:grid;gap:16px;align-content:start;min-height:260px;padding:26px}.price-card.featured{border-color:#b65cff;box-shadow:0 0 30px #a73bff1d}.price-card h2{margin:0;font-size:24px}.price{font-size:30px;font-weight:800;color:#f2f7ff}.price small{font-size:13px;font-weight:500;color:#94a4c2}.price-card .button{width:100%;justify-content:center;margin-top:auto}.annual-total{margin:0;color:#aebbd1}.billing-status{margin-bottom:20px}@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.pricing-grid{grid-template-columns:1fr}.billing-cycle{flex-direction:column}}
.subscription-locked .sidebar{display:none}.subscription-locked .shell{margin-left:0}.subscription-locked .breadcrumb,.subscription-locked .local-status,.subscription-locked footer{display:none}.subscription-locked main{max-width:1500px;margin:0 auto;padding-top:44px}.subscription-locked .topbar{border-bottom-color:#3e2d5d;background:#090b13}.paywall-intro{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-bottom:28px;padding:28px;border:1px solid #7d49bd;border-radius:18px;background:radial-gradient(circle at 0 0,#55257455,transparent 42%),linear-gradient(120deg,#101522,#151027);box-shadow:0 0 55px #a640ff12}.paywall-intro .paywall-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;color:#74efff;background:#102936;border:1px solid #23dff2}.paywall-intro .paywall-icon .icon{width:30px;height:30px}.paywall-intro h1{margin:4px 0 8px;font-size:30px}.paywall-intro p:last-child{max-width:720px;color:#aebbd1;line-height:1.65}.billing-status.pending{border-color:#9b62df;background:#241634}.subscription-locked .price-card.featured::before{content:'PLANO ESCOLHIDO';position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:5px 12px;border-radius:20px;background:linear-gradient(90deg,#19cde4,#a83cff);color:white;font-size:9px;font-weight:800;letter-spacing:1px;white-space:nowrap}@media(max-width:800px){.paywall-intro{grid-template-columns:1fr}.paywall-intro .button{width:100%;justify-content:center}.subscription-locked main{padding-top:24px}}

/* Subscription onboarding */
.subscription-locked{background:radial-gradient(circle at 50% -15%,#2d15545c,transparent 38%),radial-gradient(circle at 8% 55%,#07384b40,transparent 30%),#080b14;background-attachment:fixed}
.subscription-locked .topbar{height:74px;padding:0 max(40px,calc((100vw - 1420px)/2));justify-content:space-between;box-shadow:0 1px 0 #983cff25,0 15px 50px #0005}
.subscription-locked .breadcrumb{display:flex;align-items:center}.subscription-locked .local-status{display:inline-flex;align-items:center;color:#9daac6;font-size:9px;letter-spacing:1.2px}.subscription-locked .local-status .live-dot{background:#49e8e5;box-shadow:0 0 12px #49e8e5;animation:statusPulse 2s ease-in-out infinite}.paywall-brand{display:flex;align-items:center;gap:10px;color:#f5f7ff;font-size:16px;font-weight:800;letter-spacing:-.3px}.paywall-brand img{filter:drop-shadow(0 0 9px #9c3cff88)}
.subscription-locked main{width:min(1500px,100%);padding:44px 40px 54px}.subscription-locked .price-card.featured::before{display:none}
.paywall-intro{position:relative;isolation:isolate;overflow:hidden;min-height:196px;padding:32px 34px;border-color:#8a4bca9c;background:linear-gradient(115deg,#14172a 0%,#151027 55%,#101a29 100%);box-shadow:0 24px 80px #0005,0 0 65px #9b3dff12;animation:paywallEnter .65s cubic-bezier(.2,.8,.2,1) both}
.paywall-intro::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,#ffffff0a 48%,transparent 64%);transform:translateX(-100%);animation:heroScan 7s ease-in-out infinite}
.paywall-orb{position:absolute;z-index:-2;border-radius:50%;filter:blur(2px);pointer-events:none}.paywall-orb.orb-one{width:270px;height:270px;left:-90px;top:-140px;background:radial-gradient(circle,#9f42ff45,transparent 67%);animation:orbFloat 7s ease-in-out infinite}.paywall-orb.orb-two{width:240px;height:240px;right:14%;bottom:-180px;background:radial-gradient(circle,#16d9eb30,transparent 69%);animation:orbFloat 8s ease-in-out -2s infinite reverse}
.paywall-intro .paywall-icon{position:relative;width:68px;height:68px;border-color:#2be9ef;background:linear-gradient(145deg,#102d3b,#101528);box-shadow:inset 0 0 22px #1ad8e51e,0 0 28px #13d5e52b;animation:iconFloat 3.2s ease-in-out infinite}.paywall-intro .paywall-icon::after{content:"";position:absolute;inset:-7px;border:1px solid #38e9ef42;border-radius:21px;animation:iconRing 2.5s ease-out infinite}.paywall-intro .paywall-icon .icon{width:32px;height:32px;filter:drop-shadow(0 0 8px #43edff)}
.paywall-copy{min-width:0}.paywall-copy .eyebrow{color:#b987fa}.paywall-intro h1{font-size:clamp(28px,2.2vw,38px);letter-spacing:-1.3px}.paywall-intro .paywall-copy>p:last-of-type{max-width:700px;color:#aebbd1;font-size:12px;line-height:1.75}.verify-payment{border-color:#4e5e7a;background:#161d2e;color:#cbd7ee;transition:transform .2s,border-color .2s,box-shadow .2s}.verify-payment:hover{border-color:#38e0ef;background:#17283a;box-shadow:0 0 26px #23ddeb1b}
.activation-flow{display:flex;align-items:center;gap:10px;margin-top:24px;max-width:650px}.activation-flow>span{display:flex;align-items:center;gap:8px;color:#74809a;font-size:9px;white-space:nowrap}.activation-flow>span i{display:grid;place-items:center;width:24px;height:24px;border:1px solid #39445d;border-radius:50%;font-style:normal;font-size:9px;background:#0c1120}.activation-flow>span i .icon{width:13px;height:13px}.activation-flow>span b{font-weight:650}.activation-flow>em{height:1px;flex:1;min-width:22px;background:linear-gradient(90deg,#20d7e7,#713bb5);opacity:.5}.activation-flow .done{color:#58e2eb}.activation-flow .done i{border-color:#23d9e7;background:#11313c}.activation-flow .current{color:#d7b1ff}.activation-flow .current i{border-color:#a848f7;background:#321849;box-shadow:0 0 18px #a63df74d}
.billing-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 24px;animation:paywallEnter .55s .08s both}.billing-tools>p{display:flex;align-items:center;gap:7px;color:#7786a3;font-size:10px}.billing-tools>p .icon{width:14px;color:#53e5ec}.billing-cycle{padding:4px;border:1px solid #2e3850;border-radius:11px;background:#0d1220;margin:0}.billing-cycle .button{min-height:39px;border:0}.billing-cycle .primary{background:linear-gradient(105deg,#58e3df,#6caeea);color:#071018;box-shadow:0 7px 26px #36dce426}.saving-pill{margin-left:5px;padding:3px 7px;border-radius:20px;background:#ffffff24;font-size:8px;letter-spacing:.3px}
.pricing-grid{gap:18px;overflow:visible}.price-card{overflow:visible;cursor:pointer;isolation:isolate;min-height:342px;padding:27px;background:linear-gradient(155deg,#151b2a,#111625);border-color:#303a54;box-shadow:0 16px 44px #0002;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s;animation:cardReveal .55s calc(.11s + var(--card-index)*.07s) both}.price-card:hover{transform:translateY(-9px);border-color:#667797;box-shadow:0 24px 55px #0006,0 0 25px #3ecfe710}.price-card.featured{transform:translateY(-4px);border-color:#c45cff;box-shadow:0 20px 60px #0006,0 0 38px #b442ff2b}.price-card.featured:hover{transform:translateY(-11px);box-shadow:0 28px 65px #0007,0 0 48px #b442ff38}.card-shine{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.card-shine::after{content:"";position:absolute;width:70%;height:160%;left:-100%;top:-30%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,#ffffff08,transparent);transition:left .65s}.price-card:hover .card-shine::after{left:130%}
.selected-plan-badge{position:absolute;z-index:3;top:13px;right:14px;padding:6px 10px;border:1px solid #c685ff;border-radius:7px;background:linear-gradient(100deg,#7232b8,#a83df5);box-shadow:0 0 20px #a83df54a;color:#fff;font-size:8px;font-weight:850;letter-spacing:1px;white-space:nowrap;animation:badgePop .42s cubic-bezier(.2,1.5,.5,1) both}.price-card-top{display:flex;justify-content:space-between;align-items:center;min-height:22px}.price-card-top .eyebrow{margin:0}.popular-pill{padding:5px 8px;border-radius:20px;color:#5df0ee;background:#10313c;border:1px solid #1c7180;font-size:7px;font-weight:800;letter-spacing:.7px}.price-card.featured .popular-pill{visibility:hidden}.price-card h2{font-size:25px}.plan-description{min-height:38px;color:#8f9db8;font-size:11px;line-height:1.6}.price{margin-top:1px}.price-card.featured .price{color:#e0b2ff;text-shadow:0 0 22px #c25cff3d}.annual-total{min-height:18px}.annual-total[hidden]{display:block;visibility:hidden}.plan-benefit{display:flex;align-items:center;gap:8px;min-height:32px;padding-top:13px;border-top:1px solid #293149;color:#aebbd1;font-size:10px}.plan-benefit .icon{width:15px;color:#4de2e7}.price-card .button{position:relative;overflow:hidden;min-height:43px;background:linear-gradient(105deg,#70e5df,#66bee8);color:#071119;box-shadow:0 9px 25px #42d8df18;transition:transform .2s,box-shadow .2s,filter .2s}.price-card .button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff8 48%,transparent 72%);transform:translateX(-130%);transition:transform .55s}.price-card .button:hover{filter:saturate(1.2);box-shadow:0 12px 35px #42d8df35}.price-card .button:hover::after{transform:translateX(130%)}.price-card.featured .button{background:linear-gradient(105deg,#4de4e5,#b143f7);color:white}
.billing-confidence{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin:28px 0 5px;color:#8290aa;font-size:9px;animation:paywallEnter .55s .35s both}.billing-confidence span{display:flex;align-items:center;gap:7px}.billing-confidence .icon{width:14px;color:#4bdde5}.subscription-locked .notice.subtle{justify-content:center;margin-top:16px;color:#7887a5}
@keyframes paywallEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cardReveal{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}@keyframes badgePop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes statusPulse{50%{opacity:.45;box-shadow:0 0 4px #49e8e5}}@keyframes iconFloat{50%{transform:translateY(-5px)}}@keyframes iconRing{0%{opacity:.7;transform:scale(.85)}80%,100%{opacity:0;transform:scale(1.25)}}@keyframes heroScan{0%,15%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}@keyframes orbFloat{50%{transform:translate(28px,16px) scale(1.12)}}
@media(max-width:1050px){.paywall-intro{grid-template-columns:auto 1fr}.paywall-intro .verify-payment{grid-column:2;justify-self:start}.activation-flow{max-width:100%}.subscription-locked .topbar{padding:0 28px}}
@media(max-width:680px){.subscription-locked .topbar{padding:0 16px}.subscription-locked .local-status{display:none}.subscription-locked main{padding:24px 16px 42px}.paywall-intro{grid-template-columns:1fr;padding:25px}.paywall-intro .paywall-icon{width:56px;height:56px}.paywall-intro .verify-payment{grid-column:auto;width:100%}.activation-flow{align-items:flex-start}.activation-flow>span{flex-direction:column;text-align:center}.activation-flow>span b{white-space:normal}.billing-tools{align-items:stretch;flex-direction:column}.billing-tools>p{justify-content:center}.billing-cycle{display:grid;grid-template-columns:1fr 1fr}.pricing-grid{gap:15px}.price-card{min-height:320px}.billing-confidence{align-items:flex-start;flex-direction:column;gap:12px;padding:0 8px}}
@media(prefers-reduced-motion:reduce){.subscription-locked *{animation:none!important;scroll-behavior:auto!important}.price-card,.button{transition:none!important}}

/* Active subscription and monthly post allowance. */
.plan-overview{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(300px,1.4fr) auto;align-items:center;gap:28px;margin:-7px 0 24px;padding:22px 24px;border:1px solid #34717b;border-radius:12px;background:radial-gradient(circle at 0 0,#1f67734a,transparent 45%),linear-gradient(120deg,#111b29,#17162b);box-shadow:0 12px 35px #0003,inset 3px 0 0 #71edee}.plan-overview-copy>div{display:flex;align-items:center;gap:10px;margin:5px 0}.plan-overview h2{font-size:23px}.plan-overview p,.plan-overview small{color:#96a5c0}.plan-kicker{font:700 8px Consolas,"Cascadia Code",monospace;letter-spacing:1.5px;color:#77edf0}.plan-active{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #2f776e;border-radius:20px;background:#14342f;color:#8ff4db;font-size:7px;font-weight:800;letter-spacing:.7px}.plan-active i{width:5px;height:5px;border-radius:50%;background:#77efd6;box-shadow:0 0 7px #77efd6}.plan-usage{display:grid;gap:8px}.plan-usage-head{display:flex;justify-content:space-between;gap:18px;font-size:10px}.plan-usage-head span{color:#87e8e5}.usage-bar{position:relative;width:100%;height:9px;overflow:hidden;border:1px solid #343c5b;border-radius:20px;background:#090c17}.usage-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3be2e8,#8a74ff 70%,#dc52c4);box-shadow:0 0 12px #65e5ed55;transition:width .35s ease}.usage-bar.compact{height:7px;margin-top:10px}.sidebar-plan-head,.sidebar-plan-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-plan-head{font-size:8px;font-weight:750;letter-spacing:.6px}.sidebar-plan-foot{margin-top:9px;color:#8f9db8;font-size:8px}.sidebar-plan-foot a{color:#79e8e8}.local-card p strong{color:#edf8ff;font-size:13px}.local-card .version{padding:3px 5px;border-radius:4px;background:#183b36;color:#8cf0d9}
@media(max-width:900px){.plan-overview{grid-template-columns:1fr auto}.plan-usage{grid-column:1/-1;grid-row:2}.plan-overview>a{grid-column:2;grid-row:1}}
@media(max-width:680px){.plan-overview{grid-template-columns:1fr;gap:17px;padding:20px}.plan-usage,.plan-overview>a{grid-column:1;grid-row:auto}.plan-overview>a{width:100%}.plan-usage-head{flex-direction:column;gap:5px}}