:root{--pom-canvas: #f5f7fb;--pom-ink: #0b1220;--pom-muted: rgba(11, 18, 32, .65);--pom-surface: rgba(255, 255, 255, .72);--pom-surface-2: rgba(255, 255, 255, .58);--pom-border: rgba(15, 23, 42, .1);--pom-border-2: rgba(15, 23, 42, .14);--pom-accent: #0c346b;--pom-accent-2: #007cb0;--pom-accent-3: #43b02a;--pom-radius-xl: 24px;--pom-radius-2xl: 32px;--pom-shadow: 0 22px 70px -40px rgba(12, 52, 107, .35);--pom-shadow-soft: 0 16px 44px -30px rgba(12, 52, 107, .18)}.dark{--pom-canvas: #0b0f14;--pom-ink: #eef2ff;--pom-muted: rgba(226, 232, 240, .7);--pom-surface: rgba(0, 0, 0, .46);--pom-surface-2: rgba(0, 0, 0, .34);--pom-border: rgba(255, 255, 255, .12);--pom-border-2: rgba(255, 255, 255, .16);--pom-shadow: 0 22px 80px -44px rgba(0, 0, 0, .75);--pom-shadow-soft: 0 16px 54px -36px rgba(0, 0, 0, .6)}html,body{height:100%}body{color:var(--pom-ink);background-color:var(--pom-canvas)}.pomelli-bg{background:radial-gradient(1100px 680px at 10% 12%,rgba(12,52,107,.16),transparent 56%),radial-gradient(920px 560px at 92% 14%,rgba(0,124,176,.14),transparent 52%),radial-gradient(980px 680px at 72% 92%,rgba(67,176,42,.12),transparent 56%),linear-gradient(180deg,#ffffff8c,#fff0);background-attachment:fixed}.dark .pomelli-bg{background:radial-gradient(1100px 680px at 10% 12%,rgba(12,52,107,.24),transparent 56%),radial-gradient(920px 560px at 92% 14%,rgba(0,124,176,.2),transparent 52%),radial-gradient(980px 680px at 72% 92%,rgba(67,176,42,.16),transparent 56%),linear-gradient(180deg,#ffffff0d,#fff0);background-attachment:fixed}.pom-surface{position:relative;background:var(--pom-surface);border:1px solid var(--pom-border);border-radius:var(--pom-radius-xl);box-shadow:var(--pom-shadow-soft);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);overflow:hidden}.pom-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 400px at 20% 0%,rgba(255,255,255,.4),transparent 55%);opacity:.55}.dark .pom-surface:before{background:radial-gradient(900px 400px at 20% 0%,rgba(255,255,255,.14),transparent 55%);opacity:.85}.pom-surface-strong{background:var(--pom-surface-2);border-color:var(--pom-border-2);box-shadow:var(--pom-shadow)}.pom-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:14px;font-weight:700;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.pom-btn:active{transform:translateY(.5px) scale(.985)}.pom-btn-primary{color:#fff;border:1px solid rgba(255,255,255,.65);background:linear-gradient(135deg,var(--pom-accent) 0%,var(--pom-accent-2) 55%,var(--pom-accent-3) 100%);box-shadow:0 18px 44px -26px #0c346b8c}.pom-btn-primary:hover{filter:brightness(1.03) saturate(1.03);box-shadow:0 20px 54px -28px #0c346bb3;transform:translateY(-1px)}.pom-btn-ghost{color:var(--pom-ink);background:#ffffff8c;border:1px solid rgba(15,23,42,.12)}.dark .pom-btn-ghost{color:var(--pom-ink);background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.pom-btn-ghost:hover{filter:brightness(1.03);transform:translateY(-1px)}:focus-visible{outline:3px solid rgba(0,124,176,.55);outline-offset:2px}@keyframes cb-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.cb-page-fade{animation:cb-fade-in .22s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .2s ease-out}.animate-slide-up{animation:slide-up .22s ease-out}