@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+Sinhala:wght@400;500;600;700;800&display=swap";
:root{--bg-dark-canvas:#0d0d0f;--bg-dark-surface:#141417;--bg-dark-elevated:#1c1c21;--border-dark:#27272a;--border-dark-strong:#3f3f46;--text-dark-primary:#fafafa;--text-dark-secondary:#a1a1aa;--text-dark-muted:#71717a;--bg-light-canvas:#fff;--bg-light-surface:#f9fafb;--bg-light-elevated:#f3f4f6;--border-light:#e5e7eb;--border-light-strong:#d1d5db;--text-light-primary:#0f172a;--text-light-secondary:#475569;--text-light-muted:#64748b;--cf-orange:#f6821f;--cf-orange-bright:#f63;--cf-orange-deep:#e04f00;--cf-orange-amber:#fb923c;--cf-orange-tint-dark:#f6821f1f;--cf-orange-tint-light:#f6821f14;--cf-orange-border:#f6821f59;--bg-canvas:#fff;--bg-surface-100:#141417;--bg-surface-200:#1c1c21;--bg-surface-300:#27272a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--brand-emerald:#f6821f;--brand-emerald-hover:#e04f00;--brand-emerald-dark:#c2410c;--brand-emerald-tint:#f6821f1f;--border-default:#27272a;--border-strong:#3f3f46;--border-emerald:#f6821f59;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;max-width:100vw;overflow-x:hidden}body{color:#0f172a;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;background-color:#fff;max-width:100vw;font-family:Inter,Noto Sans Sinhala,-apple-system,BlinkMacSystemFont,Iskoola Pota,sans-serif;line-height:1.6;overflow-x:hidden}.grid-container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.mono-tag{letter-spacing:.06em;color:var(--cf-orange);border:1px solid var(--cf-orange-border);border-radius:var(--radius-sm);background:var(--cf-orange-tint-dark);text-transform:uppercase;align-items:center;gap:6px;max-width:100%;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;display:inline-flex}.mono-tag-light{letter-spacing:.06em;color:#c2410c;border-radius:var(--radius-sm);text-transform:uppercase;background:#fff7ed;border:1px solid #f6821f59;align-items:center;gap:6px;max-width:100%;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;display:inline-flex}h1,h2,h3,h4{letter-spacing:-.025em;overflow-wrap:break-word;font-weight:700}.section-title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.85rem,4vw,3rem);font-weight:800;line-height:1.15}.text-emerald,.text-teal,.text-orange{color:var(--cf-orange)}.btn-emerald,.btn-teal,.btn-orange{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(#f63 0%,#f6821f 100%);border:1px solid #e04f00;align-items:center;gap:8px;padding:.65rem 1.35rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #f6821f40,inset 0 1px #fff3}.btn-emerald:hover,.btn-teal:hover,.btn-orange:hover{background:linear-gradient(#f6821f 0%,#e04f00 100%);box-shadow:0 2px 8px #f6821f59}.btn-secondary,.btn-outline{color:#fafafa;border-radius:var(--radius-sm);cursor:pointer;background:#1c1c21;border:1px solid #2e2e36;align-items:center;gap:8px;padding:.65rem 1.35rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.btn-secondary:hover,.btn-outline:hover{border-color:var(--cf-orange);color:#fff;background:#27272f}.btn-light-secondary{color:#0f172a;border-radius:var(--radius-sm);cursor:pointer;background:#fff;border:1px solid #d1d5db;align-items:center;gap:8px;padding:.65rem 1.35rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-light-secondary:hover{border-color:var(--cf-orange);color:#c2410c;background:#fff7ed}.supabase-card,.card-dark{border-radius:var(--radius-md);background:#141417;border:1px solid #27272a;padding:1.75rem;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.supabase-card:hover,.card-dark:hover{border-color:#f6821f73;box-shadow:0 12px 30px -10px #0009}.card-light{border-radius:var(--radius-md);background:#fff;border:1px solid #e5e7eb;padding:1.75rem;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0f172a08}.card-light:hover{border-color:var(--cf-orange);box-shadow:0 12px 28px -8px #f6821f24}.parent-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:2.5rem;display:grid}.authority-trust-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:960px){.parent-grid{grid-template-columns:1fr!important;gap:2rem!important;padding:2rem 1.5rem!important}}@media (max-width:640px){.grid-container{padding:0 1rem}.parent-grid{gap:1.5rem!important;padding:1.5rem 1.25rem!important}.supabase-card,.card-dark,.card-light{padding:1.35rem}}@media (max-width:520px){.authority-trust-grid{grid-template-columns:1fr!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d0d0f}::-webkit-scrollbar-thumb{background:#27272a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cf-orange)}.ios-lang-modal-overlay{z-index:999999;-webkit-backdrop-filter:blur(20px);background:#0f172a9e;justify-content:center;align-items:center;padding:1.25rem;display:none;position:fixed;inset:0;overflow-y:auto}html.needs-lang-modal .ios-lang-modal-overlay{display:flex!important}html.needs-lang-modal body{overflow:hidden!important}html.needs-lang-modal #page-root-wrapper{filter:blur(14px);opacity:.75;pointer-events:none;-webkit-user-select:none;user-select:none;transition:none!important}#page-root-wrapper{transition:filter .35s,opacity .35s}.ios-acrylic-card{text-align:center;background:#fffffff5;border:1px solid #ffffffd9;border-radius:28px;width:100%;max-width:500px;padding:2.5rem 2rem 2rem;position:relative;transform:none;box-shadow:0 25px 60px -12px #00000059,inset 0 0 0 1px #fff9}.ios-lang-card{cursor:pointer;text-align:left;background:#ffffffbf;border:1.5px solid #e2e8f0e6;border-radius:18px;outline:none;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:1.1rem 1.25rem;transition:background .18s,border-color .18s,box-shadow .18s,transform .12s;display:flex}@media (max-width:480px){.ios-acrylic-card{border-radius:22px;padding:1.75rem 1.25rem 1.5rem}.ios-lang-card{border-radius:14px;padding:.95rem 1rem}}.ios-lang-card:hover{background:#fff;border-color:#f6821f;box-shadow:0 8px 20px -6px #f6821f38}.ios-lang-card:active{transform:scale(.985)}.ios-lang-card.featured{background:#fff;border-color:#f6821f}.ios-lang-modal-overlay.dismissing{opacity:0!important;pointer-events:none!important;transition:opacity .28s!important}.ios-lang-modal-overlay.dismissing .ios-acrylic-card{opacity:0!important;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .25s!important;transform:scale(.96)translateY(8px)!important}