@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--primary:#4ade80;--primary-hover:#22c55e;--primary-light:#dcfce7;--primary-glow:#4ade804d;--accent:#86efac;--accent-secondary:#a7f3d0;--success:#10b981;--success-light:#d1fae5;--error:#f87171;--error-light:#fee2e2;--warning:#fbbf24;--warning-light:#fef3c7;--info:#60a5fa;--info-light:#dbeafe;--bg-primary:#fff;--bg-secondary:#f8faf9;--bg-tertiary:#f0fdf4;--bg-card:#fff;--bg-elevated:#fff;--bg-muted:#f1f5f4;--pastel-green:#ecfdf5;--pastel-mint:#d1fae5;--pastel-sage:#a7f3d0;--pastel-pink:#fce7f3;--pastel-lavender:#ede9fe;--pastel-peach:#ffedd5;--pastel-sky:#e0f2fe;--glass-bg:#fffc;--glass-bg-hover:#fffffff2;--glass-border:#0000000f;--glass-border-light:#0000000a;--border:#e5e7eb;--border-light:#f3f4f6;--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-muted:#9ca3af;--gradient-primary:linear-gradient(135deg,#4ade80 0%,#22c55e 100%);--gradient-accent:linear-gradient(135deg,#86efac 0%,#4ade80 100%);--gradient-soft:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);--gradient-hero:linear-gradient(180deg,transparent 0%,#ffffffe6 70%,#fff 100%);--gradient-card:linear-gradient(180deg,transparent 0%,#0009 100%);--gradient-mesh:radial-gradient(at 40% 20%,#4ade8014 0px,transparent 50%),radial-gradient(at 80% 0%,#86efac0f 0px,transparent 50%),radial-gradient(at 0% 50%,#a7f3d00f 0px,transparent 50%);--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 40px #0000001a;--shadow-glow-primary:0 8px 24px #4ade8040;--shadow-glow-soft:0 4px 16px #4ade8026;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-display:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34,1.56,.64,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-secondary);color:var(--text-primary);min-height:100dvh;line-height:1.5;overflow:hidden}#__next,body>div:first-child{background:var(--bg-primary);width:100%;max-width:480px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}body.admin-page-active,body.admin-page-active>div:first-child{width:100%!important;max-width:100%!important;height:100%!important;box-shadow:none!important;background:#f3f4f6!important;border-radius:0!important;overflow:auto!important}body.landing-page-active{background:#fafafa!important;display:block!important;overflow:auto!important}body.landing-page-active>div:first-child,body.landing-page-active #__next{width:100%!important;max-width:100%!important;height:auto!important;min-height:100vh!important;box-shadow:none!important;background:#fafafa!important;border-radius:0!important;margin:0!important;overflow:visible!important}@media (min-width:481px){body{background:#f0fdf4;background-image:var(--gradient-mesh);justify-content:center;align-items:center;display:flex}#__next,body>div:first-child{border-radius:var(--radius-2xl);height:90vh;max-height:900px;box-shadow:var(--shadow-xl),0 0 0 1px var(--glass-border)}body.admin-page-active{justify-content:stretch;align-items:stretch;background:#f3f4f6!important}body.admin-page-active>div:first-child{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;box-shadow:none!important;border-radius:0!important;overflow:auto!important}body.landing-page-active{background:#fafafa!important;display:block!important;overflow:auto!important}body.landing-page-active>div:first-child,body.landing-page-active #__next{width:100%!important;max-width:100%!important;height:auto!important;min-height:100vh!important;max-height:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important;overflow:visible!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;transition:opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.8}button{font-family:var(--font-body);cursor:pointer;color:inherit;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;font-weight:600}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;transition:all var(--transition-base);appearance:none;padding:16px 20px;font-size:16px}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--bg-primary);outline:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::selection{color:var(--text-primary);background:#4ade8033}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 16px var(--primary-glow)}50%{box-shadow:0 0 32px var(--primary-glow)}}.animate-fade-in{animation:fadeIn var(--transition-base)ease forwards}.animate-slide-up{animation:slideUp var(--transition-slow)ease forwards}.animate-scale-in{animation:scaleIn var(--transition-spring)forwards}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.full-screen{flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0}.safe-top{padding-top:env(safe-area-inset-top,0)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}