@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";:root{--primary:#0ea5e9;--primary-hover:#0284c7;--secondary:#fbbf24;--bg-primary:#fff;--bg-secondary:#f4f4f4;--text-primary:#14181b;--text-secondary:#959595;--border:#ededed;--sad-color:#fff4dc;--neutral-color:#fff8e2;--happy-color:#f2fbe9;--laugh-color:#e8f4db;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a}body.dark-mode{--bg-primary:#1e1e1e;--bg-secondary:#121212;--text-primary:#fff;--text-secondary:#959595;--border:#2c2c2c}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background-color:var(--bg-secondary);color:var(--text-primary);justify-content:center;min-height:100vh;display:flex}#root{background-color:var(--bg-primary);width:100%;max-width:1400px;min-height:100vh;box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;width:100%;padding:16px 32px;font-size:16px;font-weight:600;transition:all .2s}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{color:var(--secondary);border:2px solid var(--secondary);border-radius:var(--radius-full);cursor:pointer;background-color:#0000;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s}.card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px;transition:transform .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid #ffffff4d}.dark-mode .glass-panel{background:#1e1e1eb3;border:1px solid #ffffff0d}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-title{color:var(--text-primary);font-size:24px;font-weight:600}.text-subtitle{color:var(--text-secondary);font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.responsive-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.landing-dark{color:#fff;background-color:#0a0a0a;min-height:100vh;position:relative;overflow:hidden}.landing-dark:before{content:"";filter:blur(100px);z-index:0;pointer-events:none;background:radial-gradient(circle,#0ea5e926 0%,#0000 60%);width:50vw;height:50vw;position:absolute;top:-20%;left:-10%}.landing-dark:after{content:"";filter:blur(100px);z-index:0;pointer-events:none;background:radial-gradient(circle,#fbbf2414 0%,#0000 60%);width:50vw;height:50vw;position:absolute;bottom:-20%;right:-10%}.landing-content{z-index:1;position:relative}.text-gradient{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg, #38bdf8 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-glow{background:linear-gradient(135deg, #38bdf8 0%, var(--primary) 100%);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:18px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 0 20px #0ea5e966}.btn-glow:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 30px #0ea5e999}.btn-outline-glow{color:#38bdf8;border-radius:var(--radius-full);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0ea5e90d;border:1px solid #0ea5e94d;padding:10px 24px;font-weight:600;transition:all .3s}.btn-outline-glow:hover{color:#fff;background:#0ea5e926;border-color:#38bdf8;box-shadow:0 0 15px #0ea5e933}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);text-align:center;background:#19191999;border:1px solid #ffffff0d;flex-direction:column;align-items:center;padding:40px 32px;transition:all .3s;display:flex}.glass-card:hover{border-color:#0ea5e94d;transform:translateY(-5px);box-shadow:0 10px 40px #00000080,0 0 20px #0ea5e91a}.feature-icon-wrapper{color:#38bdf8;background:#0ea5e91a;border:1px solid #0ea5e933;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex;box-shadow:inset 0 0 20px #0ea5e90d}