body { font-family: 'Inter', sans-serif; background-color: #f6faf8; color: #181d1c; overflow-x: hidden; } .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; } .ethereal-glow-1 { background: radial-gradient(circle at top left, rgba(107, 255, 143, 0.15), transparent 40%); } .ethereal-glow-2 { background: radial-gradient(circle at bottom right, rgba(65, 0, 146, 0.08), transparent 40%); } .glass-card { backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.7); } .text-gradient-green { background: linear-gradient(135deg, #006e2f 0%, #6bff8f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ai-border-gradient { border-image: linear-gradient(to bottom, #006e2f, #410092) 1; border-left-width: 3px; } .ghost-edge { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } body { font-family: "Inter", sans-serif } .material-symbols-outlined { font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24 } .ai-sparkle-glow { background: linear-gradient(45deg, #003b1b, #410092) } .glass-panel { background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(24px) } .organic-bg { background-image: radial-gradient(at 0% 0%, rgba(107, 255, 143, 0.2) 0, transparent 50%), radial-gradient(at 100% 100%, rgba(65, 0, 146, 0.1) 0, transparent 50%), url(https://lh3.googleusercontent.com/aida-public/AB6AXuBVBEEMjPqDZiypWcIAwdqZIak7kKoG7jxz4Ziaq_wDwbvB4KaR6VpdlNAhrWF-pDgVaC2AP3SlaP54TzQyKUMgDG1_lFtGqu4hb94-ubmOcqPCI_jQ9iDJe0t0Mos7f31TU09rcFcsiyCMl_r4Y7PdyhKvbCAGHBpMMGQOBA-ZPSmFZpGrq9ojr5WwUPbmj7DSRkLwVb5kmIrzoUfqCRt6lF-6pBruf2HsU9qw7SXdVMUmxF_dPEHlP2LMqsdvBlPxqN_PRgoCtPI); background-size: cover; background-position: center; } .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; } .signature-glow { box-shadow: 0 40px 40px -15px rgba(18, 81, 44, 0.08); } .emerald-ai-border { border: 1px solid rgba(5, 150, 105, 0.1); } /* Modal Animations */ @keyframes modalFadeIn { from { opacity: 0; backdrop-filter: blur(0px); } to { opacity: 1; backdrop-filter: blur(8px); } } #authLoginView, #authRegisterView { animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1); } @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Utilities */ .hidden-auth { display: none !important; }