@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&display=swap";
.mental-health{--color-primary:#7c9eb2;--color-secondary:#b8a9c9;--color-accent:#f0b7a4;--color-mint:#a8d5ba;--color-peach:#ffdab9;--color-lavender:#e6e6fa;--color-bg:#f0f4f8;--color-bg-alt:#e8eef4;--color-bg-card:#f0f4f8;--color-bg-dark:#4a5568;--color-text:#2d3748;--color-text-muted:#718096;--color-text-subtle:#a0aec0;--shadow-light:-8px -8px 20px #fffc;--shadow-dark:8px 8px 20px #a3b1c680;--shadow-inset-light:inset -4px -4px 10px #fffc;--shadow-inset-dark:inset 4px 4px 10px #a3b1c680;--font-heading:"Quicksand",sans-serif;--font-body:"Nunito",sans-serif;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh}.mental-health h1,.mental-health h2,.mental-health h3,.mental-health h4{font-family:var(--font-heading);font-weight:700}.mental-health .gradient-text{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mental-health .neu-card{background:var(--color-bg);box-shadow:var(--shadow-light),var(--shadow-dark);border-radius:24px;transition:all .3s}.mental-health .neu-card:hover{box-shadow:-10px -10px 25px #ffffffe6,10px 10px 25px #a3b1c699}.mental-health .neu-inset{background:var(--color-bg);box-shadow:var(--shadow-inset-light),var(--shadow-inset-dark);border-radius:16px}.mental-health .feature-card{background:var(--color-bg);box-shadow:var(--shadow-light),var(--shadow-dark);cursor:pointer;border-radius:24px;padding:28px;transition:all .3s}.mental-health .feature-card:hover{transform:translateY(-4px)}.mental-health .btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,#8fafc4 100%);color:#fff;cursor:pointer;border:none;border-radius:16px;padding:14px 28px;font-weight:600;transition:all .3s;box-shadow:-4px -4px 10px #ffffff80,4px 4px 10px #a3b1c666}.mental-health .btn-primary:hover{transform:translateY(-2px);box-shadow:-6px -6px 15px #fff9,6px 6px 15px #a3b1c680}.mental-health .btn-primary:active{box-shadow:var(--shadow-inset-light),var(--shadow-inset-dark)}.mental-health .btn-secondary{background:var(--color-bg);color:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-light),var(--shadow-dark);border:none;border-radius:16px;padding:14px 28px;font-weight:600;transition:all .3s}.mental-health .btn-secondary:hover{color:var(--color-secondary)}.mental-health .btn-secondary:active{box-shadow:var(--shadow-inset-light),var(--shadow-inset-dark)}.mental-health .btn-crisis{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e57373 0%,#ef5350 100%);border:none;border-radius:16px;padding:14px 28px;font-weight:600;transition:all .3s}.mental-health .btn-crisis:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e5737366}.mental-health .navbar-mental{-webkit-backdrop-filter:blur(10px);background:#f0f4f8f2}.mental-health .mood-btn{background:var(--color-bg);width:64px;height:64px;box-shadow:var(--shadow-light),var(--shadow-dark);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;transition:all .2s;display:flex}.mental-health .mood-btn:hover{transform:scale(1.05)}.mental-health .mood-btn:active,.mental-health .mood-btn.active{box-shadow:var(--shadow-inset-light),var(--shadow-inset-dark)}.mental-health .therapist-card{background:var(--color-bg);box-shadow:var(--shadow-light),var(--shadow-dark);border-radius:24px;transition:all .3s;overflow:hidden}.mental-health .therapist-card:hover{transform:translateY(-4px)}.mental-health .therapist-card img{object-fit:cover;width:100%;height:200px}.mental-health .badge{background:var(--color-bg);border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;display:inline-flex;box-shadow:-2px -2px 6px #fffc,2px 2px 6px #a3b1c666}.mental-health .badge-primary{color:var(--color-primary)}.mental-health .badge-secondary{color:var(--color-secondary)}.mental-health .resource-card{background:var(--color-bg);box-shadow:var(--shadow-light),var(--shadow-dark);cursor:pointer;border-radius:20px;padding:24px;transition:all .3s}.mental-health .resource-card:hover{transform:translateY(-2px)}.mental-health .form-input{width:100%;font-family:var(--font-body);background:var(--color-bg);box-shadow:var(--shadow-inset-light),var(--shadow-inset-dark);border:none;border-radius:16px;padding:14px 18px;font-size:1rem;transition:all .2s}.mental-health .form-input:focus{box-shadow:var(--shadow-inset-light),var(--shadow-inset-dark),0 0 0 3px #7c9eb233;outline:none}@keyframes breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.mental-health .breathing-circle{animation:4s ease-in-out infinite breathe}@media (prefers-reduced-motion:reduce){.mental-health .neu-card,.mental-health .feature-card,.mental-health .therapist-card,.mental-health .resource-card,.mental-health .btn-primary,.mental-health .btn-secondary,.mental-health .mood-btn,.mental-health .breathing-circle{transition:none;animation:none}}