static/index.css

        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; }