/* Shared public pages only. Admin and digital card templates use separate layouts. */
body:has(.ec-public-page) { background: #f8fafd; color: #182230; }
.ec-public-page { background: #f8fafd; color: #182230; min-height: 70vh; padding-top: 80px; }
.ec-public-page > section { padding-top: 48px !important; padding-bottom: 64px !important; }
.ec-public-page section section { padding-top: 40px; padding-bottom: 40px; }
.ec-public-page .container { max-width: 1160px; }
.ec-public-page [class*="bg-[#030014]"], .ec-public-page [class*="bg-black"], .ec-public-page [class*="bg-gray-900"], .ec-public-page [class*="bg-slate-900"] { background: #f8fafd !important; }
.ec-public-page [class*="bg-white/"] { background: #fff !important; }
.ec-public-page [class*="border-white/"] { border-color: #e1e7ef !important; }
.ec-public-page [class*="shadow-"] { box-shadow: 0 8px 28px #18223006 !important; }
.ec-public-page [class*="drop-shadow"] { filter: none; }
.ec-public-page [class*="blur"]:not([class*="backdrop-blur"]) { display: none !important; }
.ec-public-page .absolute[class*="bg-[url"] { display: none; }
.ec-public-page .text-white { color: #182230 !important; }
.ec-public-page [class*="text-gray-"], .ec-public-page [class*="text-slate-"], .ec-public-page [class*="text-indigo-200"] { color: #667085 !important; }
.ec-public-page [class*="text-indigo-"], .ec-public-page [class*="text-purple-"], .ec-public-page [class*="text-blue-"], .ec-public-page [class*="text-pink-"] { color: #1967d2 !important; }
.ec-public-page .text-transparent { color: #1a73e8 !important; background: none !important; }
.ec-public-page [class*="bg-gradient-"] { background-image: none !important; background-color: #edf4ff !important; }
.ec-public-page h1, .ec-public-page h2 { font-size: clamp(27px, 3vw, 38px) !important; line-height: 1.22; letter-spacing: -1px; font-weight: 700; text-shadow: none; }
.ec-public-page h3 { font-size: 22px !important; line-height: 1.35; letter-spacing: -.5px; }
.ec-public-page h4 { font-size: 16px !important; }
.ec-public-page p, .ec-public-page li { font-size: 14px; line-height: 1.85; }
.ec-public-page .text-lg:not(i):not(h1):not(h2):not(h3), .ec-public-page .text-xl:not(i):not(h1):not(h2):not(h3) { font-size: 15px; }
.ec-public-page .text-base { font-size: 14px; }
.ec-public-page .tracking-widest { font-size: 10px; letter-spacing: .8px; }
.ec-public-page .mb-24 { margin-bottom: 48px; }
.ec-public-page .mb-16 { margin-bottom: 36px; }
.ec-public-page .mb-12 { margin-bottom: 28px; }
.ec-public-page .mt-10 { margin-top: 8px; }
.ec-public-page .gap-12 { gap: 32px; }
.ec-public-page .rounded-3xl { border-radius: 22px; }
.ec-public-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .ec-public-page textarea, .ec-public-page select { background: #fff !important; color: #182230 !important; border: 1px solid #dce3ed !important; border-radius: 10px; font-size: 14px; box-shadow: none !important; }
.ec-public-page input::placeholder, .ec-public-page textarea::placeholder { color: #98a2b3 !important; }
.ec-public-page input:focus, .ec-public-page textarea:focus, .ec-public-page select:focus { outline: 2px solid #c6dafb; outline-offset: 2px; border-color: #1a73e8 !important; }
.ec-public-page label { font-size: 12px; font-weight: 500; color: #344054 !important; }
.ec-public-page button[type="submit"], .ec-public-page a[class*="bg-gradient-"] { background: #1a73e8 !important; color: #fff !important; border-radius: 10px; font-size: 13px; font-weight: 600; box-shadow: none !important; transform: none !important; }
.ec-public-page button[type="submit"]:hover, .ec-public-page a[class*="bg-gradient-"]:hover { background: #185abc !important; }
.ec-public-page .md\:w-1\/2[class*="bg-gradient"] { border-right: 1px solid #dce6f5; }
.ec-public-page .md\:w-1\/2[class*="bg-gradient"] img { background: #202124; padding: 10px 16px; border-radius: 12px; max-height: 100px; object-fit: contain; }
.ec-public-page form [class*="text-red-"], .ec-public-page .text-red-400 { color: #c62828 !important; }
.ec-public-page form [class*="bg-red-"] { background: #fff1f1 !important; }
.ec-public-page [class*="text-green-"], .ec-public-page [class*="text-emerald-"] { color: #16805d !important; }
.ec-public-page .prose { max-width: 850px; color: #526075; font-size: 14px; }
.ec-public-page a:focus-visible, .ec-public-page button:focus-visible { outline: 3px solid #8ab4f8; outline-offset: 3px; }
@media (max-width: 640px) { .ec-public-page { padding-top: 70px; } .ec-public-page > section { padding-top: 32px !important; padding-bottom: 44px !important; } .ec-public-page .container { padding-inline: 20px; } .ec-public-page h1, .ec-public-page h2 { font-size: 28px !important; } .ec-public-page h3 { font-size: 21px !important; } .ec-public-page .p-8, .ec-public-page .p-12 { padding: 24px; } .ec-public-page .gap-12 { gap: 24px; } }