@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#383b57;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f7f0f0 0%,#fdfbfa 60%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f7f0f0}::-webkit-scrollbar-thumb{background:#c6c7e6;border-radius:3px}.auth-gradient{background:radial-gradient(at 15% 15%,#e8a04ecc 0%,#0000 50%),radial-gradient(at 85% 25%,#8b5cb899 0%,#0000 45%),radial-gradient(at 80% 85%,#e8823cb3 0%,#0000 40%),radial-gradient(at 20% 60%,#f5dcf0cc 0%,#0000 50%),radial-gradient(#d2a0dce6 0%,#0000 60%),linear-gradient(160deg,#e8a04e 0%,#d4a0cc 25%,#c9a0d8 45%,#b090d0 60%,#8b7bc0 80%,#5a5aaa 100%)}@keyframes pulse-border{0%,to{border-color:#d94a4a4d;box-shadow:0 0 #d94a4a00}50%{border-color:#d94a4a80;box-shadow:0 0 0 4px #d94a4a14}}@keyframes pulse-ring{0%{box-shadow:0 0 #434d9c80}70%{box-shadow:0 0 0 5px #434d9c00}to{box-shadow:0 0 #434d9c00}}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bar-pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-input::placeholder{color:#898b9b}.landing-card{transition:transform .2s,box-shadow .2s}.landing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.demo-reel{aspect-ratio:16/9;background:#0a0a1a;border-radius:16px;max-width:1000px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000040}.demo-reel-screen{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.demo-reel-screen img{object-fit:cover;border-radius:12px;width:100%;height:100%}.demo-reel-title-card{opacity:0;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.demo-reel-title-card h3{color:#fff;text-shadow:0 2px 30px #0009;letter-spacing:-.01em;margin:0 0 10px;font-size:36px;font-weight:600}.demo-reel-title-card p{color:#ffffffa6;text-shadow:0 1px 10px #0006;letter-spacing:.01em;margin:0;font-size:17px}.demo-reel-progress{z-index:4;background:#ffffff80;border-radius:0 2px 2px 0;height:3px;position:absolute;bottom:0;left:0}.demo-zoom-tl{animation:5s ease-in-out forwards demoZoomTL}.demo-zoom-tr{animation:5s ease-in-out forwards demoZoomTR}.demo-zoom-bl{animation:5s ease-in-out forwards demoZoomBL}.demo-zoom-center{animation:5s ease-in-out forwards demoZoomCenter}.demo-title-active{animation:.3s cubic-bezier(.16,1,.3,1) forwards demoTitleIn}@keyframes demoZoomTL{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(-2%,-1.5%)}}@keyframes demoZoomTR{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(2%,-1.5%)}}@keyframes demoZoomBL{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(-2%,1.5%)}}@keyframes demoZoomCenter{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes demoTitleIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.show-only-mobile{display:none!important}@media (max-width:768px){.show-only-mobile{display:flex!important}body{overflow-x:hidden}.auth-gradient{display:none!important}.auth-form-panel{padding:20px!important}.hide-mobile{display:none!important}.tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;min-width:0;max-width:100%;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.landing-grid-2,.landing-grid-3{grid-template-columns:1fr!important}.landing-hero{text-align:center!important;flex-direction:column!important}.landing-nav-links{display:none!important}div[style*=grid-template-columns]:not(.keep-grid-mobile):not(.emotion-picker-grid){grid-template-columns:1fr!important}.emotion-picker-grid{grid-template-columns:repeat(2,1fr)!important}.stack-on-mobile{flex-direction:column!important}.stack-on-mobile>*{width:100%!important;max-width:100%!important}}@media (max-width:1024px){.landing-grid-3{grid-template-columns:repeat(2,1fr)!important}}