@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.navbar{align-items:center;display:flex;font-size:1.1rem;height:80px;justify-content:center;position:fixed;top:0;transition:background-color .4s ease,box-shadow .4s ease;width:100%;z-index:999}.navbar--scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffffd9;border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0000000d}.navbar-container{align-items:center;display:flex;height:80px;justify-content:space-between;max-width:1200px;padding:0 24px;width:100%}.navbar-logo{color:var(--primary-color);cursor:pointer;font-size:2rem;font-weight:700;text-decoration:none}.nav-menu{align-items:center;display:flex;gap:1.5rem;list-style:none;text-align:center}.nav-link{color:var(--text-color);padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease-out}.nav-link:after{background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-out;width:0}.nav-link:hover{color:var(--primary-color)}.nav-link:hover:after{width:100%}.nav-button-primary,.nav-button-secondary{border:1.5px solid #0000;border-radius:50px;cursor:pointer;font-weight:500;padding:10px 22px;text-decoration:none;transition:all .3s ease-out}.nav-button-secondary{border-color:var(--primary-color);color:var(--primary-color)}.nav-button-secondary:hover{background-color:#4a90e21a;transform:translateY(-2px)}.nav-button-primary{background-color:var(--primary-color);color:#fff}.nav-button-primary:hover{background-color:var(--primary-color-dark);box-shadow:0 4px 15px #4a90e233;transform:translateY(-2px)}@media (max-width:900px){.navbar-container{padding:0 12px}.navbar-logo{font-size:1.5rem}.nav-menu{gap:1rem}}@media (max-width:700px){.navbar,.navbar-container{height:60px}.navbar-logo{font-size:1.2rem}.nav-menu{align-items:flex-start;background:var(--bg-color-light);box-shadow:-2px 0 8px #0000000a;flex-direction:column;gap:1.5rem;height:calc(100vh - 60px);padding:2rem 1.5rem;position:fixed;right:0;top:60px;transform:translateX(100%);transition:transform .3s ease;width:220px;z-index:1000}.nav-menu.open{transform:translateX(0)}.nav-item{width:100%}.nav-button-primary,.nav-button-secondary,.nav-link{display:block;font-size:1rem;padding:.75rem 0;text-align:left;width:100%}.navbar-hamburger{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:36px;justify-content:center;margin-left:1rem;width:36px;z-index:1100}.navbar-hamburger span{background:var(--primary-color);border-radius:2px;display:block;height:3px;margin:4px 0;transition:all .3s;width:24px}}@media (max-width:400px){.navbar-container{box-sizing:border-box;padding:0 4px}.nav-menu{padding:1.5rem .5rem;width:100%}}.global-menu-icon{display:none}@media (max-width:960px){.global-menu-icon{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:2.1rem;height:44px;justify-content:center;left:18px;position:fixed;top:18px;transition:background .18s;width:44px;z-index:1400}.global-menu-icon.hide{display:none}}.page-layout-root,.page-layout-root *{box-sizing:border-box}.sidebar{background:var(--bg-color-light);box-shadow:var(--shadow-subtle);display:flex;flex-direction:column;left:0;min-height:100%;position:fixed;top:0;transform:translateX(0);transition:transform .28s cubic-bezier(.4,0,.2,1);width:250px;z-index:1200}.page-layout-content{display:flex;overflow-x:hidden;width:100%}.page-main-content{flex:1 1;margin-left:0;min-width:0;padding:0 18px}@media (max-width:960px){.sidebar{left:0;position:fixed;transform:translateX(-100%);z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.sidebar-menu-icon{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;left:18px;position:fixed;top:18px;transition:background .2s;width:40px;z-index:1100}.sidebar-menu-icon.hide{display:none}.page-layout-content{flex-direction:column;padding-left:0}.page-main-content{margin-left:0;min-width:0;padding:0 12px;width:100%}}@media (min-width:1100px){.page-main-content{margin-left:250px}}.sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:18px 16px}.sidebar-logo{color:var(--text-color);font-size:1.15rem;font-weight:700;letter-spacing:.4px}.sidebar-close{background:none;border:none;color:var(--primary-color-600);cursor:pointer;display:none;font-size:2rem}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin:.5rem 0;padding:0}.sidebar-nav a{align-items:center;border-radius:8px;color:var(--text-color);display:flex;font-size:1rem;font-weight:600;gap:.8rem;padding:.8rem 12px;text-decoration:none;transition:background .14s,color .14s}.sidebar-nav a.active,.sidebar-nav a:hover{background:#155eef0f;color:var(--primary-color-600)}.sidebar-nav svg{font-size:1.35rem}.sidebar-footer{border-top:1px solid #0b12200a;margin-top:auto;padding:1.1rem 1.2rem 1.3rem}.logout-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#d32f2f;cursor:pointer;display:flex;font-size:.98rem;font-weight:700;gap:.7rem;padding:.65rem .8rem;transition:background .14s,transform .12s;width:100%}.logout-button:hover{background:#d32f2f0f;transform:translateY(-1px)}@media (max-width:960px){.sidebar{left:0;position:fixed;transform:translateX(-100%);z-index:1200}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.sidebar-menu-icon{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:2.1rem;height:44px;justify-content:center;left:18px;position:fixed;top:18px;transition:background .18s;width:44px;z-index:1300}.sidebar-menu-icon.hide{display:none}.page-layout-content{flex-direction:column}.page-main-content{margin-left:0;min-width:0;padding:0 12px;width:100%}}.sidebar-menu-icon{display:none}.sidebar-overlay{background:#1e293b2e;inset:0;position:fixed;transition:opacity .18s;z-index:1190}body.sidebar-open-lock{overflow:hidden}.sidebar-overlay.hide{display:none}.public-footer{background-color:#2c3e50;color:#aeb9c4;font-size:1rem;padding-top:60px}.footer-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr;margin:0 auto;max-width:1200px;padding:0 24px}.footer-section h3,.footer-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:20px}.footer-logo{font-size:1.8rem;font-weight:700}.footer-about p{line-height:1.8;padding-right:30px}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links ul li{margin-bottom:12px}.footer-links a{color:#aeb9c4;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--secondary-color)}.social-icons{display:flex;gap:20px}.social-icons a{color:#aeb9c4;font-size:1.5rem;transition:color .3s ease,transform .3s ease}.social-icons a:hover{color:var(--secondary-color);transform:translateY(-3px)}.footer-bottom{border-top:1px solid #34495e;margin-top:50px;padding:25px;text-align:center}.footer-bottom p{font-size:.9rem;margin:0}@media (max-width:768px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-about p{padding-right:0}.social-icons{justify-content:center}}.landing-page{color:var(--text-color);overflow-x:hidden}.hero-section{background-color:#f8faff;border-bottom:1px solid var(--border-color);padding:80px 24px}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.hero-content{animation:fadeInDown 1s ease-out;text-align:left}.hero-content h1{font-size:3.5rem;font-weight:700;letter-spacing:-1.5px;line-height:1.2;margin-bottom:20px}.hero-content p{color:var(--text-color-light);font-size:1.2rem;margin-bottom:40px;max-width:500px}.hero-cta-button{background:var(--primary-color);border-radius:50px;box-shadow:0 4px 15px #4a90e233;color:#fff;font-size:1.1rem;font-weight:600;padding:16px 40px;text-decoration:none;transition:all .3s ease}.hero-cta-button:hover{background:var(--primary-color-dark);box-shadow:0 6px 20px #4a90e24d;transform:translateY(-4px)}.hero-image-wrapper{animation:fadeInUp 1s ease-out}.hero-image{border-radius:24px;box-shadow:var(--shadow-medium);height:auto;width:100%}.features-section,.final-cta-section,.how-it-works-section,.testimonials-section{padding:100px 24px;text-align:center}.section-title{font-size:2.8rem;font-weight:700;margin-bottom:15px}.section-subtitle{color:var(--text-color-light);font-size:1.1rem;margin:0 auto 60px;max-width:600px}.features-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.feature{padding:40px 30px;text-align:center}.feature-icon-wrapper{align-items:center;background-color:#eaf2fb;border-radius:16px;display:flex;height:64px;justify-content:center;margin:0 auto 25px;transition:all .3s ease;width:64px}.feature-icon{stroke-width:1.5;color:var(--primary-color);font-size:2.2rem}.feature:hover .feature-icon-wrapper{background-color:var(--primary-color);transform:scale(1.1) rotate(5deg)}.feature:hover .feature-icon{color:#fff}.feature h3{color:var(--text-color);font-size:1.5rem;margin-bottom:15px}.feature p{color:var(--text-color-light);line-height:1.7}.how-it-works-section{background-color:var(--bg-color-light)}.steps-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;text-align:left}.step-card{padding:30px 30px 30px 50px;position:relative}.step-card:before{align-items:center;background-color:#eaf2fb;border-radius:50%;color:var(--primary-color);content:counter(step-counter);counter-increment:step-counter;display:flex;font-size:2rem;font-weight:700;height:40px;justify-content:center;left:-5px;position:absolute;top:25px;width:40px}.steps-container{counter-reset:step-counter}.step-card h3{margin-top:0}.testimonials-section{background-color:#f8faff}.testimonial-card{margin:0 auto;max-width:750px;padding:40px;text-align:center}.testimonial-avatar{border:4px solid #fff;border-radius:50%;box-shadow:var(--shadow-soft);height:80px;margin-bottom:20px;width:80px}.testimonial-text{color:#555;font-size:1.3rem;font-style:italic;line-height:1.7;margin-bottom:20px}.testimonial-author{color:var(--text-color);font-weight:600}.final-cta-section{background-color:var(--primary-color);color:#fff}.final-cta-section h2{font-size:2.5rem;margin-bottom:15px}.final-cta-section p{font-size:1.1rem;margin:0 auto 30px;max-width:500px;opacity:.9}.final-cta-section .hero-cta-button{background:#fff;box-shadow:0 4px 15px #0000001a;color:var(--primary-color)}.final-cta-section .hero-cta-button:hover{background:#f0f0f0;color:var(--primary-color-dark)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.hero-container{grid-template-columns:1fr}.hero-container,.hero-content{text-align:center}.hero-image-wrapper{grid-row:1;margin-bottom:40px}}@media (max-width:768px){.hero-content h1,.section-title{font-size:2.5rem}.hero-content p,.section-subtitle{font-size:1rem}}.login-page-container{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center;min-height:calc(100vh - 160px);padding:60px 24px}.login-form-wrapper{animation:fadeInUp .7s ease-out;max-width:420px;padding:40px;text-align:center;width:100%}.login-form-wrapper h2{font-size:2rem;font-weight:600;margin-bottom:10px}.login-form-wrapper p{color:var(--text-color-light);margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input{background-color:#fdfdfd;border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-size:1rem;padding:14px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e233;outline:none}.login-submit-btn{background-image:linear-gradient(to right,var(--primary-color),var(--primary-color-dark));border:none;border-radius:8px;box-shadow:0 4px 15px #4a90e233;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.login-submit-btn:hover{box-shadow:0 6px 20px #4a90e24d;transform:translateY(-2px)}.form-switch{color:var(--text-color-light);font-size:.9rem;margin-top:25px}.form-switch a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s}.form-switch a:hover{color:var(--primary-color-dark);text-decoration:underline}.form-error{background-color:#e74c3c1a;border:1px solid #e74c3c33;border-radius:8px;color:#e74c3c;font-size:.9rem;margin-bottom:20px;padding:12px;text-align:left}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-page{background:#0000;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0 auto;max-width:1200px;min-height:100vh;padding:1.5rem}.dashboard-page,.dashboard-page *{box-sizing:border-box}.menu-card,.menu-card-desc,.menu-card-label{word-wrap:break-word}.menu-cards-grid a{max-width:100%}.page-header{margin:0 auto 1.25rem;padding:0 6px}.card{border:1px solid #0b12200a;box-shadow:var(--shadow-subtle)}.dashboard-header{margin-bottom:2rem;text-align:left}.dashboard-welcome{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.avatar-circle{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-600));border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:52px;justify-content:center;width:52px}.welcome-text h1{color:var(--primary-color-600);font-size:1.5rem;font-weight:700;margin-bottom:.2rem}.welcome-text .user-name{color:#222}.welcome-text p{color:#555;font-size:1rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:1000px){.dashboard-grid{grid-template-columns:2fr 1fr}}.card-section{margin-bottom:2rem}.section-title-dash{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.menu-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.menu-card{background:#fbfdff;border:1px solid #0b12200a;border-radius:12px;color:var(--text-color);display:flex;flex-direction:column;padding:1.2rem;text-decoration:none;transition:all .18s ease}.menu-card:hover{border-color:#155eef1f;box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.menu-card-icon{color:var(--primary-color-600);font-size:1.8rem;margin-bottom:.5rem}.menu-card-label{font-size:1rem;font-weight:700}.menu-card-desc{color:#555;font-size:.9rem}@media (min-width:600px){.menu-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.menu-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.dashboard-page{padding:12px}.dashboard-header{text-align:left}.dashboard-welcome{gap:.6rem;justify-content:flex-start}.avatar-circle{height:40px;width:40px}.avatar-circle,.welcome-text h1{font-size:1.1rem}.menu-cards-grid{gap:10px}.menu-card{padding:12px}.section-title-dash{font-size:1rem}.highlights{padding:.75rem}.stat-card{padding:.8rem}.mood-emojis{gap:6px}.mood-emojis button{font-size:1.2rem;padding:8px}}.highlights{background:#fffbe6;border:1px solid #ffe0b3;border-radius:12px;padding:1rem}.highlight-card{background:#fffdf2;border-radius:8px;padding:1rem}.highlight-content h4{font-size:1rem;font-weight:600;margin-bottom:.5rem}.highlight-author{color:#b37a00;font-size:.9rem}.highlight-link{color:#06c;font-weight:500}.sidebar-content{display:flex;flex-direction:column;gap:1.5rem}.stat-card{align-items:center;background:#f3f6ff;border:1px solid #dbeafe;border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.stat-number{color:var(--primary-color-600);font-size:1.3rem;font-weight:700}.stat-label{color:#555;font-size:.9rem}.stat-icon{color:var(--primary-color-600);font-size:1.5rem}.mood-check-in{background:#fff;border:1px solid #0b12200a;border-radius:10px;padding:1rem;text-align:center}.mood-emojis{flex-wrap:wrap;margin:.8rem 0}.mood-emojis button{font-size:1.4rem;transition:transform .2s ease}.mood-link{color:#06c;font-size:.9rem;font-weight:500}.mentor-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:480px){.mentor-list{gap:14px;grid-template-columns:1fr}.mentor-card{padding:12px}.mentor-avatar{border-width:3px;height:64px;width:64px}.connect-button{font-size:1rem;padding:12px}}.mentor-card{display:flex;flex-direction:column}.mentor-card-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.mentor-avatar{border:4px solid #eaf2fb;border-radius:50%;height:80px;object-fit:cover;width:80px}.mentor-title h3{font-size:1.4rem;margin:0 0 4px}.mentor-title p{color:var(--text-color-light);font-weight:500;margin:0}.mentor-details{flex-grow:1;margin-bottom:25px}.detail-item{align-items:center;color:#555;display:flex;gap:10px;margin-bottom:10px}.detail-item svg{color:var(--primary-color);flex-shrink:0;font-size:1.2rem}.connect-button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:background-color .3s;width:100%}.connect-button:hover{background-color:var(--primary-color-dark)}.filters-bar{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:20px}.filters-bar,.search-wrapper{align-items:center;display:flex}.search-wrapper{background-color:#f4f6f8;border-radius:8px;box-sizing:border-box;flex:1 1 140px;min-width:120px;padding:0 12px}.search-wrapper svg{color:var(--text-color-light);font-size:1.2rem}.search-wrapper input{background:#0000;border:none;font-size:1rem;padding:12px 10px;width:100%}.search-wrapper input:focus{outline:none}.category-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.category-filters svg{color:var(--text-color-light)}.category-btn{background-color:#f4f6f8;border:1px solid #0000;border-radius:50px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.category-btn.active,.category-btn:hover{background-color:#eaf2fb;border-color:var(--primary-color);color:var(--primary-color)}.item-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.item-card{display:flex;flex-direction:column;padding:0}.item-image-wrapper{position:relative}.item-image{border-radius:16px 16px 0 0;height:160px;object-fit:cover;width:100%}.item-condition{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;border-radius:50px;font-size:.8rem;font-weight:500;left:12px;padding:5px 10px;position:absolute;top:12px}.item-condition.like-new{color:#2e7d32}.item-condition.gently-used{color:#1565c0}.item-condition.good{color:#f57f17}.item-info{flex-grow:1;padding:14px}@media (max-width:480px){.filters-bar{align-items:stretch;flex-direction:column;gap:12px}.search-wrapper{flex:1 1 120px;width:100%}.category-filters{justify-content:flex-start}.item-image{height:140px}.item-info{padding:12px}}.item-category{color:var(--text-color-light);display:block;font-size:.8rem;font-weight:500;margin-bottom:5px}.item-info h4{font-size:1.2rem;font-weight:600;margin:0}.request-button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:0 0 20px;padding:12px 20px;transition:background-color .3s;width:100%}.request-button:hover{background-color:var(--primary-color-dark)}.wisdom-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.share-wisdom-btn{align-items:center;background-color:var(--secondary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s}.share-wisdom-btn:hover{background-color:var(--secondary-color-dark);transform:translateY(-2px)}.share-wisdom-btn svg{font-size:1.2rem}.post-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}.page-container,.post-author img,.post-card{box-sizing:border-box}.post-card{max-width:100%;overflow-wrap:break-word;padding:20px}.post-author img{height:auto;max-width:100%}.post-card{padding:30px}.post-author{align-items:center;display:flex;gap:12px;margin-bottom:20px}.post-author img{border-radius:50%;height:40px;width:40px}@media (max-width:480px){.post-list{gap:12px}.post-card{padding:14px}.post-author img{height:40px;width:40px}.share-wisdom-btn{font-size:.95rem;padding:10px 14px}}.post-author span,.post-card h4{font-weight:600}.post-card h4{font-size:1.3rem;margin:0 0 10px}.post-card p{color:var(--text-color-light);line-height:1.7;margin:0 0 20px}.post-actions{border-top:1px solid var(--border-color);display:flex;gap:20px;padding-top:15px}.post-actions button{align-items:center;background:none;border:none;color:var(--text-color-light);cursor:pointer;display:flex;font-weight:500;gap:8px}.post-actions button svg{font-size:1.2rem}.mental-health-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.mood-tracker-card{text-align:center}.mood-tracker-card h4{font-size:1.2rem;margin-top:0}.mood-emojis{display:flex;justify-content:space-around;margin:25px 0 10px}.mood-emojis button{background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:2.2rem;transition:all .2s ease}.mood-emojis button:hover{color:var(--secondary-color);transform:scale(1.2)}.emergency-card{background-color:#fffbeb;border-color:#fef3c7}.emergency-card h4{color:#b45309;margin-top:0}.emergency-contact{align-items:center;display:flex;gap:15px;margin-top:20px}.emergency-contact svg{color:#f59e0b;font-size:2.5rem}.emergency-contact strong{display:block}.emergency-contact span{color:var(--text-color-light)}.resources-section h2{border-bottom:1px solid var(--border-color);font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.resources-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.resource-card{text-align:center}.resource-card svg{color:var(--secondary-color);font-size:2.5rem;margin-bottom:15px}.resource-card h3{margin:0 0 10px}.resource-card p{color:var(--text-color-light);line-height:1.6;margin-bottom:20px}@media (max-width:480px){.mental-health-grid{gap:14px;grid-template-columns:1fr}.mood-emojis{gap:8px}.mood-emojis button{font-size:1.6rem;padding:8px}.emergency-contact{align-items:flex-start;flex-direction:column;gap:10px}}.resource-link{color:var(--primary-color);font-weight:600;text-decoration:none}.page-container{margin:0 auto;max-width:1100px;padding:1.2rem 1rem 2rem}.page-header{margin:0 auto 1rem;max-width:1100px}.card{border:1px solid #e6eefc;box-shadow:0 6px 20px #1e293b0f}.app-layout{display:flex}.main-content{flex-grow:1;margin-left:0;min-height:100vh;padding:30px 20px}@media (min-width:1100px){.main-content{margin-left:250px;padding:30px 40px}}.page-header{margin-bottom:30px}.page-header h1{color:#333;font-size:2.5rem;margin-bottom:5px}.page-header p{color:#666;font-size:1.1rem;max-width:600px}.card{border-radius:8px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-5px)}:root{--primary-color:#4a90e2;--primary-color-dark:#3a75b9;--secondary-color:#50e3c2;--secondary-color-dark:#3ebaa0;--text-color:#0f172a;--muted:#6b7280;--bg-color:#f8f9fa;--bg-color-light:#fff;--card-bg:#fff;--shadow-soft:0 4px 6px -1px #00000012,0 2px 4px -2px #00000012;--shadow-medium:0 10px 15px -3px #00000012,0 4px 6px -4px #00000012;--border-radius:12px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial}:root{font-size:clamp(15px,1.8vw,18px)}*,:after,:before{box-sizing:border-box}#root,body,html{background:#f8f9fa;background:var(--bg-color);color:#0f172a;color:var(--text-color);height:100%;margin:0;max-width:100%;overflow-x:hidden;padding:0;width:100%}iframe,img,picture,video{display:block;height:auto;max-width:100%}@media (max-width:600px){.card{border-radius:10px;padding:16px}body{padding:0}}.container,.page-container{margin:0 auto;max-width:1100px;padding:1rem}.card{background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #00000012;box-shadow:var(--shadow-soft);padding:20px}.h1{font-size:1.6rem}.h1,.h2{margin:0 0 .5rem}.h2{font-size:1.25rem}.lead{color:#6b7280;color:var(--muted);font-size:.98rem}
/*# sourceMappingURL=main.dc97b79b.css.map*/