.header{position:fixed;top:0;left:0;width:100%;background-color:var(--white);box-shadow:0 2px 10px #0000001a;z-index:1000;padding:20px 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo a{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-image{height:50px;width:auto}.logo-text{font-family:var(--font-secondary);font-size:1.8rem;color:var(--primary-color);font-weight:700}.mobile-page-indicator{display:none;font-family:var(--font-secondary);font-size:1.2rem;font-weight:700;color:var(--dark-color);letter-spacing:1px;text-transform:uppercase}.logo h1{font-family:var(--font-secondary);font-size:2rem;color:var(--primary-color);font-weight:700}.nav-list{display:flex;list-style:none;gap:30px;align-items:center}.nav-list a{font-size:.95rem;font-weight:500;color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;position:relative}.nav-list a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:var(--transition)}.nav-list a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:20px}.sidebar-toggle,.mobile-menu-toggle{background:none;font-size:1.5rem;color:var(--text-dark);cursor:pointer}.mobile-menu-toggle{display:none}.sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background-color:var(--white);box-shadow:-5px 0 20px #0000001a;z-index:2000;overflow:hidden;transition:right .4s ease}.sidebar.active{right:0}.sidebar-close{position:absolute;top:20px;right:20px;background:none;font-size:1.5rem;color:var(--text-dark)}.sidebar-content{padding:60px 30px 30px}.sidebar-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.sidebar-logo-image{height:80px;width:auto;margin-bottom:15px}.sidebar-logo h2{font-size:1.8rem;color:var(--dark-color);margin-bottom:0;text-align:center}.sidebar-description{color:var(--text-light);line-height:1.8;margin-bottom:20px;text-align:justify}.sidebar-description.highlight-text{color:var(--primary-color);font-weight:600;font-size:1.05rem;text-align:center;margin-top:25px;margin-bottom:30px}.sidebar-info{margin-bottom:40px}.sidebar-info h3{font-size:1.3rem;color:var(--dark-color);margin-bottom:20px}.info-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px}.info-item svg{font-size:1.2rem;color:var(--primary-color);margin-top:5px}.info-item p{margin:0;color:var(--text-light)}.info-item .highlight{color:var(--text-dark);font-weight:600}.sidebar-gallery h3{font-size:1.3rem;color:var(--dark-color);margin-bottom:20px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery-item{overflow:hidden;border-radius:5px;cursor:pointer;transition:var(--transition)}.gallery-item:hover{transform:scale(1.05)}.gallery-item img{width:100%;height:70px;object-fit:cover}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:1500}@media (max-width: 1024px){.header-content{padding:0 20px}.logo-text{font-size:1.3rem}.nav-list a{font-size:.95rem}}@media (max-width: 768px){.header{height:60px;padding:0;position:fixed;top:0;width:100%;z-index:1000;background:var(--white);box-shadow:0 2px 8px #0000000f;border-bottom:1px solid rgba(0,0,0,.05)}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 16px}.logo{flex-shrink:0;display:flex;align-items:center}.logo a{gap:12px;display:flex;align-items:center;padding:8px 12px 8px 8px;border-radius:12px;transition:background-color .2s ease}.logo a:active{background-color:#7fc24214}.logo-image{height:44px;width:auto;filter:drop-shadow(0 2px 6px rgba(127,194,66,.25))}.logo-text{display:block;font-size:1.25rem;font-weight:700;color:var(--primary-color);letter-spacing:.3px;line-height:1;font-family:var(--font-secondary)}.mobile-page-indicator{display:none}.header-actions{flex-shrink:0;gap:0}.mobile-menu-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--dark-color);font-size:1.5rem;transition:all .2s ease;z-index:1001}.mobile-menu-toggle:active{transform:scale(.9)}.nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--white);transform:translate(100%);transition:transform .3s ease-in-out;z-index:1000;overflow-y:auto;display:flex;flex-direction:column;padding-top:60px}.nav.active{transform:translate(0)}.nav-list{flex-direction:column;padding:40px 20px;gap:0;flex:1}.nav-list li{width:100%;border-bottom:1px solid rgba(0,0,0,.08);opacity:0;transform:translateY(20px)}.nav.active .nav-list li{animation:fadeInUp .4s ease forwards}.nav.active .nav-list li:nth-child(1){animation-delay:.05s}.nav.active .nav-list li:nth-child(2){animation-delay:.1s}.nav.active .nav-list li:nth-child(3){animation-delay:.15s}.nav.active .nav-list li:nth-child(4){animation-delay:.2s}.nav.active .nav-list li:nth-child(5){animation-delay:.25s}.nav.active .nav-list li:nth-child(6){animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.nav-list li:last-child{border-bottom:none}.nav-list a{padding:20px 0;width:100%;display:block;font-size:1.1rem;font-weight:600;color:var(--dark-color);letter-spacing:.3px;transition:color .2s ease;text-align:left}.nav-list a:hover,.nav-list a:active{color:var(--primary-color)}.menu-overlay{display:none}.sidebar{width:100%;right:-100%}.sidebar.active{right:0}.gallery-grid{grid-template-columns:repeat(3,1fr)}.sidebar-description{font-size:.95rem}.sidebar-toggle{display:none}}@media (max-width: 480px){.header{padding:8px 0}.header-content{gap:10px}.logo-image{height:35px}.mobile-page-indicator{font-size:.9rem;letter-spacing:.5px}.nav-list a{padding:15px 20px;font-size:.95rem}.nav-list a:hover,.nav-list a:active{padding-left:30px}.mobile-menu-toggle{width:40px;height:40px;font-size:1.2rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 360px){.logo-image{height:32px}.mobile-page-indicator{font-size:.8rem}.mobile-menu-toggle{width:36px;height:36px;font-size:1.1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-overflow-scrolling:touch}.modal-container{background:#fffffff2;border-radius:24px;width:100%;max-width:750px;max-height:90vh;overflow:hidden;box-shadow:0 20px 50px #0000004d,0 0 0 1px #ffffff80 inset;display:flex;flex-direction:column;position:relative}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:32px 32px 24px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;flex-shrink:0;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.modal-header-content{position:relative;z-index:1}.modal-header-content h2{font-size:28px;font-weight:800;margin:0 0 8px;color:#fff;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.modal-header-content p{font-size:15px;margin:0;color:#ffffffe6;font-weight:500}.modal-close{background:#fff3;border:1px solid rgba(255,255,255,.3);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-left:20px;position:relative;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1);box-shadow:0 0 15px #ffffff4d}.modal-close svg{color:#fff}.modal-body{overflow-y:auto;padding:32px 32px 24px;flex:1;background:linear-gradient(to bottom,#fff,#f8f9fa)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#4caf5080}.consultation-form{display:flex;flex-direction:column;gap:32px}.form-section{display:flex;flex-direction:column;gap:24px}.section-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;padding-bottom:12px;border-bottom:2px solid rgba(76,175,80,.1);display:flex;align-items:center;gap:10px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-group{display:flex;flex-direction:column;gap:8px;position:relative}.form-group label{font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-left:4px}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:15px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fcfcfc;color:#333;box-shadow:0 2px 5px #00000005}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4caf50;background:#fff;box-shadow:0 0 0 4px #4caf501a;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#bbb}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ff5252;background:#ff525205}.error-message{font-size:12px;color:#ff5252;margin-top:4px;margin-left:4px;font-weight:500;display:flex;align-items:center;gap:4px}.form-group textarea{resize:vertical;min-height:120px}.modal-footer{padding:24px 32px;background:#fff;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:flex-end;gap:16px;flex-shrink:0;position:relative;z-index:2}.btn-cancel,.btn-submit{padding:14px 32px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;position:relative;overflow:hidden}.btn-cancel{background:#f5f5f5;color:#666;border:1px solid transparent}.btn-cancel:hover{background:#eee;color:#333;transform:translateY(-1px)}.btn-submit{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;box-shadow:0 4px 15px #4caf504d}.btn-submit:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4caf5066}.btn-submit:hover:not(:disabled):before{opacity:1}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}.btn-submit svg{transition:transform .3s ease}.btn-submit:hover:not(:disabled) svg{transform:translate(4px)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.whatsapp-section{padding:0 0 10px}.whatsapp-button{width:100%;padding:16px 30px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;border-radius:16px;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #25d36633;position:relative;overflow:hidden}.whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #25d3664d}.whatsapp-button:active{transform:translateY(0)}.whatsapp-divider{text-align:center;margin:16px 0 0;font-size:14px;color:#888;position:relative;display:flex;align-items:center;justify-content:center;gap:10px}.whatsapp-divider:before,.whatsapp-divider:after{content:"";height:1px;background:#e0e0e0;flex:1;max-width:100px}@media (max-width: 1024px) and (min-width: 769px){.modal-container{max-width:680px}.modal-header{padding:28px 28px 20px}.modal-header-content h2{font-size:24px}.modal-body{padding:28px}.form-row{gap:20px}}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;top:60px}.modal-container{max-height:none;min-height:auto;height:100%;border-radius:24px 24px 0 0;margin:0;display:flex;flex-direction:column;border:none;box-shadow:0 -10px 40px #0000001a}.modal-header{padding:24px 20px 20px;position:sticky;top:0;z-index:10;flex-shrink:0;box-shadow:0 4px 20px #0000001a}.modal-header-content h2{font-size:22px}.modal-close{width:36px;height:36px;background:#fff3;margin-left:12px}.modal-body{padding:24px 20px 40px;background:#f8f9fa}.form-section{background:#fff;padding:20px;border-radius:16px;box-shadow:0 2px 10px #00000008;gap:20px}.section-title{font-size:17px;border-bottom:none;padding-bottom:0}.form-row{grid-template-columns:1fr;gap:16px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:14px}.modal-footer{padding:16px 20px;flex-direction:column-reverse;gap:12px;box-shadow:0 -4px 20px #0000000d}.btn-cancel,.btn-submit{width:100%;padding:16px;font-size:16px;border-radius:14px}.whatsapp-button{padding:14px;font-size:16px}}@media (max-width: 480px){.modal-header{padding:20px 16px 16px}.modal-header-content h2{font-size:20px}.modal-header-content p{font-size:13px}.modal-body,.form-section{padding:16px}}*:focus-visible{outline:2px solid #4CAF50;outline-offset:2px}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.wellness-quiz-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wellness-quiz-modal-content{background:#fff;border-radius:24px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wellness-quiz-modal-close{position:absolute;top:20px;right:20px;background:#0000000d;border:none;width:40px;height:40px;border-radius:50%;font-size:28px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.wellness-quiz-modal-close:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.wellness-quiz-modal-step{padding:40px}.wellness-quiz-modal-header{text-align:center;margin-bottom:32px}.wellness-quiz-modal-header h2{font-size:28px;color:#1e293b;margin-bottom:12px;font-weight:700;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wellness-quiz-modal-header p{font-size:16px;color:#64748b}.bmi-info-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:10px 20px;border-radius:12px;font-size:14px;margin:12px 0;box-shadow:0 4px 12px #10b9814d}.bmi-info-badge strong{font-weight:600}.wellness-quiz-modal-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#334155}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input::placeholder{color:#94a3b8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diseases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0}.disease-card{border:2px solid #e2e8f0;border-radius:16px;padding:16px;transition:all .3s ease;background:#fff;cursor:pointer}.disease-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.disease-card.selected{border-color:#6366f1;background:linear-gradient(135deg,#6366f10d,#a855f70d);box-shadow:0 4px 16px #6366f133}.disease-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.disease-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#6366f1}.disease-name{font-size:15px;font-weight:600;color:#1e293b}.control-status{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;display:flex;gap:12px}.control-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569;cursor:pointer}.control-label input[type=radio]{cursor:pointer;accent-color:#6366f1}.questions-step{padding:32px}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:16px 0 8px}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:999px;transition:width .5s cubic-bezier(.16,1,.3,1)}.progress-text{font-size:14px;color:#64748b;text-align:center;margin-top:8px}.questions-scroll{max-height:50vh;overflow-y:auto;padding-right:8px;margin-bottom:24px}.questions-scroll::-webkit-scrollbar{width:6px}.questions-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.questions-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.questions-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.question-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:20px;transition:all .3s ease}.question-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #6366f114}.question-number{display:inline-block;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:12px}.question-category{display:inline-block;background:#f1f5f9;color:#64748b;padding:4px 12px;border-radius:6px;font-size:12px;margin-left:10px;font-weight:500}.question-text{font-size:16px;color:#1e293b;font-weight:600;margin:12px 0 16px;line-height:1.6}.question-options{display:flex;flex-direction:column;gap:10px}.option-label{display:flex;align-items:center;gap:12px;padding:14px 18px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}.option-label:hover{border-color:#c7d2fe;background:#6366f105}.option-label input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#6366f1}.option-label span{color:#475569;font-size:15px;line-height:1.5}.option-label input[type=radio]:checked+span{color:#6366f1;font-weight:600}.option-label:has(input[type=radio]:checked){border-color:#6366f1;background:linear-gradient(135deg,#6366f114,#a855f714)}.results-step{padding:32px}.urgent-warning{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:16px;padding:20px;margin:20px 0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}.urgent-warning h3{color:#dc2626;font-size:18px;margin-bottom:12px;font-weight:700}.urgent-warning p{color:#991b1b;font-size:14px;margin:8px 0;line-height:1.6}.risk-tier-badge{display:inline-block;padding:12px 24px;border-radius:12px;font-size:18px;font-weight:700;color:#fff;margin:16px 0;box-shadow:0 4px 16px #00000026}.results-content{display:flex;flex-direction:column;gap:20px;margin:24px 0}.result-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease}.result-card:hover{border-color:#c7d2fe;box-shadow:0 4px 16px #6366f11a}.result-card h3{font-size:20px;color:#1e293b;margin-bottom:16px;font-weight:700}.score-display{display:flex;align-items:center;gap:24px}.score-circle{flex-shrink:0;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 24px #6366f14d;position:relative}.score-number{font-size:42px;font-weight:800;color:#fff;line-height:1}.score-max{font-size:16px;color:#ffffffe6;font-weight:600}.score-details{flex:1}.score-details p{font-size:15px;color:#475569;margin:8px 0;display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9}.score-details p:last-child{border-bottom:none}.score-details strong{color:#1e293b;font-weight:700}.plan-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:700;margin-bottom:16px;box-shadow:0 4px 12px #10b9814d}.plan-rationale{font-size:15px;color:#475569;line-height:1.7}.next-steps p{font-size:15px;color:#475569;line-height:1.7;margin:12px 0}.next-steps strong{color:#1e293b;font-weight:600}.btn-primary,.btn-secondary{padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;box-shadow:0 4px 16px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#475569;border:2px solid #e2e8f0}.btn-secondary:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-2px)}.btn-submit{width:100%;padding:16px;font-size:18px}.modal-actions{display:flex;gap:12px;margin-top:24px;justify-content:space-between}.modal-actions button{flex:1}.error-message{background:#fee2e2;border:2px solid #ef4444;border-radius:12px;padding:14px 18px;color:#dc2626;font-size:14px;font-weight:500;margin:12px 0}@media (max-width: 768px){.wellness-quiz-modal-content{max-width:95%;max-height:95vh}.wellness-quiz-modal-step{padding:24px}.questions-step,.results-step{padding:20px}.wellness-quiz-modal-header h2{font-size:24px}.form-row,.diseases-grid{grid-template-columns:1fr}.score-display{flex-direction:column;text-align:center}.modal-actions{flex-direction:column}.questions-scroll{max-height:40vh}}@media (max-width: 480px){.wellness-quiz-modal-close{top:12px;right:12px;width:36px;height:36px;font-size:24px}.wellness-quiz-modal-header h2{font-size:20px}.question-card{padding:18px}.score-circle{width:100px;height:100px}.score-number{font-size:36px}}.carousel-section{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;margin-top:80px}.carousel-container,.carousel-slide,.carousel-image-wrapper{position:relative;width:100%;height:100%}.carousel-image{width:100%;height:100%;object-fit:cover;object-position:center}.carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#7fc242b3,#5a9e2a99,#00000080);z-index:1}.carousel-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;z-index:2}.carousel-text{max-width:700px;color:var(--white)}.carousel-text h2{font-family:var(--font-secondary);font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:20px;color:var(--white);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.carousel-text p{font-size:1.3rem;line-height:1.6;margin-bottom:30px;color:#fffffff2;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.carousel-buttons{display:flex;gap:15px;flex-wrap:wrap}.carousel-text .btn{font-size:1rem;padding:15px 40px;background-color:var(--white);color:var(--primary-color);border:2px solid var(--white);font-weight:600;text-transform:uppercase;letter-spacing:1px}.carousel-text .btn:hover{background-color:transparent;color:var(--white);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff3;border:2px solid var(--white);color:var(--white);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;z-index:10;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.carousel-arrow:hover{background-color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-50%) scale(1.1)}.carousel-arrow-left{left:40px}.carousel-arrow-right{right:40px}.carousel-dots{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.carousel-dot{width:12px;height:12px;border-radius:50%;background-color:#fff6;border:2px solid var(--white);cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background-color:#ffffffb3;transform:scale(1.2)}.carousel-dot.active{background-color:var(--white);width:40px;border-radius:6px}.carousel-counter{position:absolute;bottom:40px;right:40px;color:var(--white);font-size:1.2rem;font-weight:600;z-index:10;background-color:#0000004d;padding:10px 20px;border-radius:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.carousel-counter .current{font-size:1.8rem;color:var(--white)}.carousel-counter .separator{margin:0 5px;opacity:.7}.carousel-counter .total{opacity:.8}@media (max-width: 1024px){.carousel-section{height:80vh;min-height:500px}.carousel-text h2{font-size:3rem}.carousel-text p{font-size:1.1rem}.carousel-arrow{width:50px;height:50px;font-size:1.2rem}.carousel-arrow-left{left:20px}.carousel-arrow-right{right:20px}}@media (max-width: 768px){.carousel-section{height:70vh;min-height:450px;margin-top:70px}.carousel-text{max-width:90%}.carousel-text h2{font-size:2.2rem}.carousel-text p{font-size:1rem;margin-bottom:25px}.carousel-text .btn{padding:12px 30px;font-size:.9rem}.carousel-arrow{display:none}.carousel-dots{bottom:30px}.carousel-counter{bottom:30px;right:15px;font-size:1rem;padding:8px 15px}.carousel-counter .current{font-size:1.4rem}}@media (max-width: 480px){.carousel-section{height:60vh;min-height:400px}.carousel-text h2{font-size:1.8rem}.carousel-text p{font-size:.9rem}.carousel-dots{bottom:20px;gap:8px}.carousel-dot{width:10px;height:10px}.carousel-dot.active{width:30px}.carousel-counter{display:none}}.services{background:linear-gradient(180deg,#f8f9fa,#fff);position:relative;overflow:hidden}.services:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(127,194,66,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.services:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(90,158,42,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;position:relative;z-index:1}.service-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 32px;text-align:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.5)}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-xl);padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.service-card:hover:before{opacity:1}.service-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease}.service-card:hover:after{transform:translate(100%) translateY(100%) rotate(45deg)}.service-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-xl);background:#fffffff2}.service-icon{margin-bottom:28px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.service-image{width:120px;height:120px;object-fit:contain;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.service-card:hover .service-image{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 8px 20px rgba(127,194,66,.3))}.icon-circle{width:100px;height:100px;margin:0 auto;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);font-size:2.5rem;color:var(--white);box-shadow:0 8px 24px #7fc24240;position:relative}.icon-circle:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--gradient-primary);opacity:.3;filter:blur(8px);z-index:-1;transition:opacity .4s ease}.service-card:hover .icon-circle{transform:scale(1.15) rotate(15deg);box-shadow:0 12px 32px #7fc24266}.service-card:hover .icon-circle:before{opacity:.5}.service-card h3{font-size:clamp(1.2rem,2.5vw,1.5rem);color:var(--dark-color);margin-bottom:16px;font-weight:700;letter-spacing:-.02em;position:relative;z-index:1;transition:color .3s ease}.service-card:hover h3{color:var(--primary-color)}.service-card p{color:var(--text-light);line-height:1.8;font-size:clamp(.9rem,1.5vw,1rem);position:relative;z-index:1}.service-card .learn-more{margin-top:20px;padding:10px 24px;background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);border-radius:var(--radius-full);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(10px)}.service-card:hover .learn-more{opacity:1;transform:translateY(0)}.service-card .learn-more:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #7fc2424d}@media (max-width: 1024px){.services-grid{grid-template-columns:repeat(2,1fr);gap:28px}.service-card{padding:36px 28px}.service-image{width:100px;height:100px}.icon-circle{width:90px;height:90px;font-size:2.2rem}}@media (max-width: 768px){.services-grid{grid-template-columns:1fr;gap:24px}.service-card{padding:32px 24px}.service-image{width:90px;height:90px}.service-card h3{font-size:1.3rem}.service-card p{font-size:.95rem}.service-card:hover{transform:translateY(-6px) scale(1.01)}.service-card:hover .service-image{transform:scale(1.1) rotate(3deg)}}@media (max-width: 480px){.service-card{padding:28px 20px}.service-image{width:80px;height:80px}.icon-circle{width:80px;height:80px;font-size:2rem}.service-card h3{font-size:1.2rem}.service-card p{font-size:.9rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.service-card.animate-in{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.service-card:nth-child(1){animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:nth-child(5){animation-delay:.5s}@media (prefers-reduced-motion: reduce){.service-card,.service-image,.icon-circle,.service-card:after{transition:none;animation:none}.service-card:hover{transform:none}}.why-choose-us{background-color:var(--white)}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.reason-card{background-color:var(--light-color);padding:40px 30px;text-align:center;border-radius:10px;transition:var(--transition);border:2px solid transparent}.reason-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 10px 30px #7fc24233;background-color:var(--white)}.reason-icon{width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:2.5rem;transition:var(--transition)}.reason-card:hover .reason-icon{transform:scale(1.1) rotate(5deg)}.reason-card h3{font-size:1.3rem;color:var(--dark-color);margin-bottom:15px}.reason-card p{color:var(--text-light);line-height:1.8}@media (max-width: 1024px){.reasons-grid{grid-template-columns:repeat(2,1fr);gap:25px}.reason-card{padding:35px 25px}.reason-icon{width:70px;height:70px;font-size:2.2rem}}@media (max-width: 768px){.reasons-grid{grid-template-columns:1fr;gap:20px}.reason-card{padding:30px 20px}.reason-card h3{font-size:1.2rem}.reason-card p{font-size:.95rem}}@media (max-width: 480px){.reason-card{padding:25px 15px}.reason-icon{width:65px;height:65px;font-size:2rem}.reason-card h3{font-size:1.1rem}}.process{background-color:#f8f9fa;padding:80px 0}.process .section-title h2{font-family:var(--font-secondary);font-size:2.8rem;color:var(--dark-color);margin-bottom:15px;font-weight:600}.process .section-title p{font-size:1.1rem;color:var(--text-light);max-width:800px;margin:0 auto 50px}.process-steps{display:flex;justify-content:center;align-items:stretch;gap:30px;position:relative;max-width:1200px;margin:0 auto}.process-step{flex:1;max-width:280px;text-align:center;position:relative;padding:50px 30px 40px;background-color:var(--white);border-radius:15px;box-shadow:0 5px 20px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;display:flex;flex-direction:column;min-height:420px;z-index:1}.process-step:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 50px #7fc2424d;border-color:var(--primary-color);z-index:20}.process-step:hover .step-arrow{z-index:21}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 3px 10px #7fc2424d}.step-icon{font-size:4rem;color:var(--primary-color);display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:30px auto 20px;background:linear-gradient(135deg,#7fc2421a,#5a9e2a0d);border-radius:50%;transition:all .3s ease}.process-step:hover .step-icon{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);transform:scale(1.1) rotate(5deg)}.step-icon svg{font-size:3rem}.process-step h3{font-size:1.4rem;color:var(--dark-color);margin-bottom:15px;margin-top:20px;font-weight:600;min-height:60px;display:flex;align-items:center;justify-content:center}.process-step p{color:var(--text-light);line-height:1.7;font-size:.95rem;flex-grow:1;display:flex;align-items:center;text-align:center}.step-arrow{position:absolute;top:50%;right:-45px;transform:translateY(-50%);font-size:2.5rem;color:var(--primary-color);font-weight:700;opacity:.6;animation:arrowPulse 2s ease-in-out infinite;pointer-events:none;transition:z-index .1s ease}@keyframes arrowPulse{0%,to{transform:translateY(-50%) translate(0);opacity:.6}50%{transform:translateY(-50%) translate(8px);opacity:.9}}@media (max-width: 1024px){.process-steps{flex-wrap:wrap;gap:25px}.process-step{flex-basis:calc(50% - 15px);max-width:100%;min-height:380px}.step-arrow{display:none}}@media (max-width: 768px){.process .section-title h2{font-size:2.2rem}.process-steps{flex-direction:column;gap:30px}.process-step{flex-basis:100%;max-width:100%;min-height:auto}.process-step:hover{transform:translateY(-5px) scale(1.01)}}.portfolio{background-color:var(--white)}.portfolio-filters{display:flex;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.portfolio-filters button{padding:10px 25px;background-color:transparent;border:2px solid var(--primary-color);color:var(--text-dark);border-radius:25px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;transition:var(--transition)}.portfolio-filters button:hover,.portfolio-filters button.active{background-color:var(--primary-color);color:var(--white)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.portfolio-item{background-color:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #00000014;transition:var(--transition)}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.portfolio-image{position:relative;overflow:hidden;height:250px}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.portfolio-item:hover .portfolio-image img{transform:scale(1.1)}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#7fc242e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-icon{width:60px;height:60px;background-color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .3s ease .1s;font-size:1.8rem;color:var(--primary-color)}.portfolio-item:hover .portfolio-icon{transform:scale(1)}.portfolio-content{padding:25px}.portfolio-content h3{font-size:1.3rem;color:var(--dark-color);margin-bottom:10px}.portfolio-content p{color:var(--text-light);line-height:1.6}@media (max-width: 768px){.portfolio-grid{grid-template-columns:1fr}.portfolio-filters{gap:10px}.portfolio-filters button{padding:8px 20px;font-size:.85rem}}.blog{background-color:var(--light-color)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px}.blog-card{background-color:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #00000014;transition:var(--transition)}.blog-card-link{text-decoration:none;color:inherit;display:block}.blog-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000026}.blog-image{height:220px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.blog-card:hover .blog-image img{transform:scale(1.1)}.blog-content{padding:25px}.blog-content h3{font-size:1.3rem;color:var(--dark-color);margin-bottom:15px;transition:var(--transition)}.blog-card:hover .blog-content h3{color:var(--primary-color)}.blog-content p{color:var(--text-light);line-height:1.6;margin-bottom:20px}.blog-meta{display:flex;gap:20px;align-items:center;font-size:.9rem;color:var(--text-light)}.blog-meta span{display:flex;align-items:center;gap:5px}.blog-meta svg{color:var(--primary-color)}.blog-action{text-align:center}@media (max-width: 1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:25px}.blog-image{height:200px}.blog-content{padding:20px}.blog-content h3{font-size:1.2rem}}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr;gap:20px}.blog-image{height:220px}.blog-content{padding:20px}.blog-content h3{font-size:1.2rem;margin-bottom:12px}.blog-content p{font-size:.95rem;margin-bottom:15px}.blog-meta{font-size:.85rem;gap:15px}}@media (max-width: 480px){.blog-image{height:180px}.blog-content{padding:15px}.blog-content h3{font-size:1.1rem}.blog-meta{flex-direction:column;align-items:flex-start;gap:8px}}.because-you-matter{background-color:var(--light-color)}.matter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.matter-item{text-align:center}.matter-image{margin-bottom:25px;overflow:hidden;border-radius:10px;box-shadow:0 5px 20px #0000001a}.matter-image img{width:100%;height:280px;object-fit:cover;transition:var(--transition)}.matter-item:hover .matter-image img{transform:scale(1.1)}.matter-content h3{font-size:1.5rem;color:var(--dark-color);margin-bottom:15px}.matter-content p{color:var(--text-light);line-height:1.8}@media (max-width: 1024px){.matter-grid{grid-template-columns:repeat(2,1fr);gap:30px}.matter-image img{height:250px}.matter-content h3{font-size:1.4rem}}@media (max-width: 768px){.matter-grid{grid-template-columns:1fr;gap:30px}.matter-image img{height:280px}.matter-content h3{font-size:1.3rem;margin-bottom:12px}.matter-content p{font-size:.95rem}}@media (max-width: 480px){.matter-grid{gap:25px}.matter-image{margin-bottom:20px}.matter-image img{height:220px}.matter-content h3{font-size:1.2rem}.matter-content p{font-size:.9rem}}.testimonials{background-color:var(--white)}.testimonials-slider{position:relative;max-width:800px;margin:0 auto;padding:40px 80px}.testimonial-content{text-align:center}.testimonial-image{width:100px;height:100px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:3px solid var(--primary-color)}.testimonial-image img{width:100%;height:100%;object-fit:cover}.testimonial-rating{display:flex;justify-content:center;gap:5px;margin-bottom:25px;color:#ffc107;font-size:1.2rem}.testimonial-text{font-size:1.1rem;line-height:1.8;color:var(--text-light);font-style:italic;margin-bottom:30px;padding:0 20px}.testimonial-name{font-size:1.3rem;color:var(--dark-color);margin-bottom:5px}.testimonial-company{color:var(--primary-color);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--primary-color);color:var(--white);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:var(--transition)}.slider-btn:hover{background-color:var(--secondary-color);transform:translateY(-50%) scale(1.1)}.slider-btn.prev{left:0}.slider-btn.next{right:0}.testimonial-dots{display:flex;justify-content:center;gap:10px;margin-top:30px}.dot{width:12px;height:12px;border-radius:50%;background-color:#ddd;border:none;cursor:pointer;transition:var(--transition)}.dot.active,.dot:hover{background-color:var(--primary-color);transform:scale(1.2)}@media (max-width: 768px){.testimonials-slider{padding:40px 60px}.testimonial-text{font-size:1rem}.slider-btn{width:40px;height:40px;font-size:1rem}}.wellness-resources{padding:80px 0;background:linear-gradient(135deg,#f8f9fa,#fff);position:relative;overflow:hidden}.wellness-resources:before{content:"";position:absolute;top:0;left:0;width:100%;height:300px;background:linear-gradient(135deg,#4caf500d,#8bc34a0d);clip-path:polygon(0 0,100% 0,100% 80%,0 100%);z-index:0}.wellness-resources .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:50px}.section-subtitle{display:inline-block;color:#4caf50;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;padding:8px 20px;background:#4caf501a;border-radius:20px}.section-title{font-size:42px;font-weight:700;color:#2c3e50;margin:15px 0 20px;line-height:1.2}.section-description{font-size:18px;color:#666;max-width:700px;margin:0 auto;line-height:1.6}.category-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:50px;padding:20px}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:30px;font-size:15px;font-weight:600;color:#555;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.category-btn:hover{border-color:#4caf50;color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 12px #4caf5033}.category-btn.active{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border-color:#4caf50;box-shadow:0 4px 15px #4caf504d}.category-icon{font-size:20px}.category-name{white-space:nowrap}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-bottom:60px}.resource-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.resource-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #00000026}.resource-image{position:relative;width:100%;height:240px;overflow:hidden}.resource-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.resource-card:hover .resource-image img{transform:scale(1.1)}.resource-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#0000004d);display:flex;align-items:flex-end;padding:15px}.difficulty-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.difficulty-badge.beginner{background:#4caf50e6;color:#fff}.difficulty-badge.intermediate{background:#ff9800e6;color:#fff}.difficulty-badge.advanced{background:#f44336e6;color:#fff}.difficulty-badge.all-levels{background:#2196f3e6;color:#fff}.resource-content{padding:25px;display:flex;flex-direction:column;flex-grow:1}.resource-meta{display:flex;align-items:center;gap:15px;margin-bottom:12px}.read-time{display:flex;align-items:center;gap:6px;font-size:14px;color:#888}.read-time svg{color:#4caf50}.resource-title{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:12px;line-height:1.4;min-height:56px}.resource-description{font-size:15px;color:#666;line-height:1.6;margin-bottom:20px;flex-grow:1}.resource-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag{padding:5px 12px;background:#f0f0f0;border-radius:15px;font-size:12px;color:#555;font-weight:600}.read-more-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:25px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.read-more-btn:hover{transform:translate(5px);box-shadow:0 4px 15px #4caf504d}.read-more-btn svg{transition:transform .3s ease}.read-more-btn:hover svg{transform:translate(3px)}.resources-cta{background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:20px;padding:50px;text-align:center;box-shadow:0 8px 30px #4caf5040}.cta-content h3{font-size:32px;font-weight:700;color:#fff;margin-bottom:15px}.cta-content p{font-size:18px;color:#fffffff2;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#fff;color:#4caf50;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000026}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000040}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translate(5px)}@media (max-width: 1024px){.resources-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.section-title{font-size:36px}}@media (max-width: 768px){.wellness-resources{padding:60px 0}.section-title{font-size:30px}.section-description{font-size:16px}.category-filter{gap:10px;padding:10px}.category-btn{padding:10px 18px;font-size:14px}.resources-grid{grid-template-columns:1fr;gap:20px}.resources-cta{padding:40px 25px}.cta-content h3{font-size:26px}.cta-content p{font-size:16px}}@media (max-width: 480px){.section-title{font-size:26px}.category-btn{flex:1 1 calc(50% - 10px);justify-content:center}.resource-image{height:200px}.resource-title{font-size:18px;min-height:auto}.cta-content h3{font-size:22px}}.cta-section{position:relative;background:linear-gradient(135deg,#7fc242,#5a9e2a);text-align:center;color:var(--white);padding:100px 0}.cta-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003}.cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.cta-content h2{font-size:2.8rem;margin-bottom:20px;color:var(--white)}.cta-content p{font-size:1.2rem;margin-bottom:40px;opacity:.95;line-height:1.8}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-buttons .btn{padding:15px 35px;font-size:1rem;background-color:var(--white);color:var(--primary-color);font-weight:600;display:inline-flex;align-items:center;gap:10px}.cta-buttons .btn:hover{background-color:var(--dark-color);color:var(--white)}.cta-buttons .btn-outline{background-color:transparent;border:2px solid var(--white);color:var(--white);display:inline-flex;align-items:center;gap:10px}.cta-buttons .btn-outline:hover{background-color:var(--white);color:var(--primary-color)}@media (max-width: 1024px){.cta-section{padding:80px 0}.cta-content h2{font-size:2.5rem}.cta-content p{font-size:1.1rem}}@media (max-width: 768px){.cta-section{padding:60px 0}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem;padding:0 20px}.cta-buttons{padding:0 20px;flex-direction:column;align-items:center}.cta-buttons .btn,.cta-buttons .btn-outline{width:100%;max-width:300px;justify-content:center}}@media (max-width: 480px){.cta-section{padding:50px 0}.cta-content h2{font-size:1.7rem;padding:0 15px}.cta-content p{font-size:.95rem;padding:0 15px}.cta-buttons{padding:0 15px}.cta-buttons .btn,.cta-buttons .btn-outline{padding:12px 25px;font-size:.95rem}}.footer{background-color:var(--dark-color);color:var(--light-color)}.footer-top{padding:80px 0 60px}.footer-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}.footer-col h3{color:var(--white);font-size:1.4rem;margin-bottom:25px;font-family:var(--font-secondary);font-weight:600}.footer-posts{list-style:none}.footer-posts li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-posts li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.footer-posts a{color:var(--light-color);font-size:.95rem;display:block;margin-bottom:8px;transition:var(--transition);line-height:1.5}.footer-posts a:hover{color:var(--primary-color)}.footer-posts span{font-size:.85rem;color:var(--gray-color)}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--light-color);transition:var(--transition);display:inline-block}.footer-links a:hover{color:var(--primary-color);transform:translate(5px)}.contact-form input,.contact-form textarea{width:100%;padding:12px 15px;margin-bottom:15px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--white);border-radius:5px;font-family:var(--font-primary)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff9}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-color);background-color:#ffffff26}.contact-form .btn{width:100%}.success-msg,.error-msg{margin-top:10px;padding:10px;border-radius:5px;text-align:center}.success-msg{background-color:#7fc24233;color:var(--primary-color)}.error-msg{background-color:#dc354533;color:#ff6b6b}.footer-bottom{background-color:#0000004d;padding:30px 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}.footer-logo-container{display:flex;align-items:center;gap:15px;margin-bottom:15px}.footer-home-link{display:flex;align-items:center;gap:15px;color:inherit;text-decoration:none}.footer-home-link:focus,.footer-home-link:hover{text-decoration:none}.footer-logo-image{height:60px;width:auto}.footer-logo h2{color:var(--primary-color);font-size:1.8rem;margin-bottom:0}.footer-logo p{color:var(--light-color);line-height:1.6;max-width:400px;margin-bottom:20px}.footer-contact p{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--light-color)}.footer-contact svg{color:var(--primary-color)}.footer-copyright{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:5px}.footer-copyright p{margin-bottom:15px;color:var(--light-color)}.footer-copyright .disclaimer{font-size:.9rem;color:#888;margin-top:5px}.social-links{margin-top:10px;display:flex;gap:15px;justify-content:flex-end}.social-links span{margin-right:10px;color:var(--light-color)}.social-links a{width:35px;height:35px;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);transition:var(--transition)}.social-links a:hover{background-color:var(--primary-color);transform:translateY(-3px)}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;text-align:center}.footer-copyright{text-align:center}.social-links{justify-content:center}}.recipe-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.recipe-modal{background:var(--white);border-radius:24px;max-width:1000px;width:100%;max-height:95vh;overflow-y:auto;position:relative;box-shadow:0 25px 80px #0006;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.recipe-modal::-webkit-scrollbar-track{background:transparent}.recipe-modal::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.modal-close-btn{position:absolute;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color);border:none;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;z-index:100;box-shadow:0 8px 24px #0003;transition:all .3s ease}.modal-close-btn:hover{background:var(--primary-color);color:var(--white);box-shadow:0 12px 32px #65c46666}.recipe-modal-hero{position:relative;width:100%;height:450px;overflow:hidden;border-radius:24px 24px 0 0}.recipe-modal-hero img{width:100%;height:100%;object-fit:cover;display:block}.recipe-hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 50%,transparent 100%);padding:60px 40px 40px}.recipe-hero-content{max-width:800px}.recipe-badges{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.difficulty-badge,.category-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;font-size:.9rem;font-weight:600;color:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.difficulty-badge{background:#65c466e6}.category-badge{background:#fff3;border:1px solid rgba(255,255,255,.3)}.recipe-hero-title{font-size:3rem;font-weight:700;color:var(--white);margin-bottom:16px;line-height:1.2;text-shadow:0 4px 12px rgba(0,0,0,.5)}.recipe-hero-description{font-size:1.2rem;color:#fffffff2;line-height:1.6;text-shadow:0 2px 8px rgba(0,0,0,.5)}.recipe-modal-content{padding:40px}.recipe-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary-color)}.stat-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.85rem;color:var(--text-light);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.3rem;font-weight:700;color:var(--text-color)}.recipe-tags-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.recipe-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#65c4661a,#65c4660d);border:2px solid rgba(101,196,102,.3);border-radius:50px;font-size:.9rem;font-weight:600;color:var(--primary-color);transition:all .3s ease}.recipe-tag:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #65c4664d}.recipe-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:30px}.recipe-card{background:var(--white);border:2px solid #e9ecef;border-radius:20px;padding:32px;transition:all .3s ease}.recipe-card:hover{border-color:var(--primary-color);box-shadow:0 12px 32px #00000014;transform:translateY(-4px)}.recipe-card-title{font-size:1.6rem;font-weight:700;color:var(--text-color);margin-bottom:24px;display:flex;align-items:center;gap:12px}.title-icon{font-size:1.8rem}.ingredients-list li{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #e9ecef;font-size:1rem;color:var(--text-color);transition:all .2s ease}.ingredients-list li:last-child{border-bottom:none}.ingredients-list li:hover{padding-left:8px;color:var(--primary-color)}.ingredient-check{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.instructions-list li{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid #e9ecef;counter-increment:step-counter}.instructions-list li:last-child{border-bottom:none}.step-number{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.step-text{flex:1;font-size:1rem;line-height:1.7;color:var(--text-color);padding-top:8px}.nutrition-card{grid-column:1 / -1}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.nutrition-item{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.nutrition-item:hover{transform:scale(1.05);border-color:var(--primary-color);box-shadow:0 8px 24px #0000001a}.nutrition-value{display:block;font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:8px}.nutrition-label{display:block;font-size:.9rem;color:var(--text-light);font-weight:600;text-transform:capitalize}.benefits-card{grid-column:1 / -1;background:linear-gradient(135deg,#65c4660d,#65c46605);border-color:#65c4664d}.benefits-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.benefits-list li{display:flex;align-items:center;gap:12px;padding:16px;background:var(--white);border:2px solid rgba(101,196,102,.2);border-radius:12px;font-size:1rem;color:var(--text-color);transition:all .3s ease}.benefits-list li:hover{border-color:var(--primary-color);transform:translate(8px);box-shadow:0 4px 12px #65c46633}.benefit-icon{color:var(--primary-color);font-size:1.3rem;flex-shrink:0}.recipe-actions{display:flex;gap:16px;justify-content:center;margin-top:40px;padding-top:32px;border-top:2px solid #e9ecef;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:50px;font-size:1.05rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.action-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white)}.action-btn.primary:hover{box-shadow:0 8px 24px #65c46666;transform:translateY(-2px)}.action-btn.primary.active{background:linear-gradient(135deg,#e74c3c,#c0392b)}.action-btn.secondary{background:var(--white);color:var(--text-color);border:2px solid #e9ecef}.action-btn.secondary:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.2)}20%,40%{transform:scale(1)}}.heartbeat{animation:heartbeat 1s ease-in-out}.recipe-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);padding:18px 36px;border-radius:50px;font-size:1rem;font-weight:600;box-shadow:0 12px 32px #0000004d;z-index:10000;display:flex;align-items:center;gap:10px;white-space:nowrap}@media (max-width: 768px){.recipe-modal{max-width:100%;max-height:100vh;border-radius:0;margin:0}.recipe-modal-hero{height:300px;border-radius:0}.recipe-hero-overlay{padding:40px 24px 24px}.recipe-hero-title{font-size:2rem}.recipe-hero-description{font-size:1rem}.recipe-modal-content{padding:24px}.recipe-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-icon{width:40px;height:40px;font-size:1.2rem}.stat-value{font-size:1.1rem}.recipe-content-grid{grid-template-columns:1fr;gap:20px}.recipe-card{padding:24px}.recipe-card-title{font-size:1.3rem}.nutrition-grid{grid-template-columns:repeat(2,1fr);gap:12px}.benefits-list{grid-template-columns:1fr}.recipe-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.modal-close-btn{width:45px;height:45px;top:16px;right:16px}.recipe-toast{bottom:24px;left:24px;right:24px;transform:none;white-space:normal;text-align:center}}@media (max-width: 480px){.recipe-hero-title{font-size:1.6rem}.recipe-hero-description{font-size:.95rem}.recipe-stats-grid{grid-template-columns:1fr}.difficulty-badge,.category-badge{font-size:.85rem;padding:8px 16px}}.recipe-modal-info h2{font-family:var(--font-secondary);font-size:2.5rem;color:var(--dark-color);margin-bottom:15px;line-height:1.2}.recipe-modal-description{font-size:1.1rem;color:var(--text-light);line-height:1.7;margin-bottom:25px}.recipe-modal-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.modal-tag{display:inline-flex;align-items:center;gap:6px;background-color:#7fc24226;color:var(--primary-color);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.modal-tag svg{font-size:.85rem}.recipe-modal-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding:30px;background-color:#f9f9f9;border-radius:15px;margin-bottom:30px}.modal-meta-item{display:flex;align-items:center;gap:12px}.modal-meta-item svg{font-size:1.5rem;color:var(--primary-color)}.modal-meta-item>div{display:flex;flex-direction:column}.meta-label{font-size:.85rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.meta-value{font-size:1rem;color:var(--dark-color);font-weight:600}.recipe-modal-details,.recipe-section{margin-bottom:30px}.recipe-section h3{font-family:var(--font-secondary);font-size:1.6rem;color:var(--dark-color);margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.placeholder-content{background:linear-gradient(135deg,#7fc2420d,#5a9e2a0d);border-left:4px solid var(--primary-color);padding:25px;border-radius:10px}.placeholder-content p{font-size:1.05rem;color:var(--text-dark);margin-bottom:10px}.placeholder-note{font-size:.95rem!important;color:var(--text-light)!important;font-style:italic;margin-top:10px;line-height:1.6}.ingredients-list{list-style:none;padding:0;margin:0}.ingredients-list li{display:flex;align-items:flex-start;padding:10px 15px;margin-bottom:8px;background-color:var(--light-color);border-radius:8px;font-size:1.05rem;line-height:1.5}.ingredient-bullet{color:var(--primary-color);font-weight:700;margin-right:12px;font-size:1.2rem}.instructions-list{list-style:none;padding:0;margin:0;counter-reset:step-counter}.instructions-list li{display:flex;align-items:flex-start;padding:15px;margin-bottom:15px;background:linear-gradient(135deg,#7fc2420d,#fff);border-radius:10px;border-left:4px solid var(--primary-color)}.step-number{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);border-radius:50%;font-weight:700;margin-right:15px;font-size:.95rem;flex-shrink:0}.step-text{flex:1;font-size:1.05rem;line-height:1.7;color:var(--text-dark)}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-top:15px}.nutrition-item{background-color:var(--light-color);padding:15px;border-radius:10px;text-align:center;border:2px solid transparent;transition:var(--transition)}.nutrition-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.nutrition-label{display:block;font-size:.9rem;color:var(--text-light);text-transform:capitalize;margin-bottom:5px}.nutrition-value{display:block;font-size:1.2rem;font-weight:700;color:var(--primary-color);font-family:var(--font-secondary)}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:flex-start;padding:12px 15px;margin-bottom:12px;background-color:#f0f9f4;border-radius:8px;font-size:1.05rem;line-height:1.6;border-left:3px solid var(--primary-color)}.benefit-icon{color:var(--primary-color);margin-right:12px;margin-top:3px;font-size:1.1rem;flex-shrink:0}.recipe-modal-actions{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.recipe-modal-actions .btn{flex:1;min-width:180px;padding:14px 25px;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.recipe-modal-notice{background-color:#fff3cd;border:1px solid #ffc107;border-radius:10px;padding:20px;margin-top:20px}.recipe-modal-notice p{margin:0;color:#856404;font-size:.95rem;line-height:1.6}.recipe-modal-notice strong{color:#664d03}.recipe-modal::-webkit-scrollbar{width:8px}.recipe-modal::-webkit-scrollbar-track{background:#f1f1f1}.recipe-modal::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.recipe-modal::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (max-width: 768px){.recipe-modal{max-width:100%;border-radius:15px;max-height:95vh}.recipe-modal-image{height:250px}.recipe-modal-info{padding:25px}.recipe-modal-info h2{font-size:2rem}.recipe-modal-description{font-size:1rem}.recipe-modal-meta{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px}.modal-meta-item svg{font-size:1.3rem}.meta-label{font-size:.75rem}.meta-value{font-size:.9rem}.recipe-section h3{font-size:1.4rem}.recipe-modal-actions{flex-direction:column}.recipe-modal-actions .btn{min-width:100%}}@media (max-width: 480px){.recipe-modal-overlay{padding:10px}.recipe-modal{border-radius:10px}.recipe-modal-header{padding:15px}.modal-close-btn{width:40px;height:40px;font-size:1.3rem}.recipe-modal-image{height:200px}.recipe-modal-info{padding:20px}.recipe-modal-info h2{font-size:1.6rem}.recipe-modal-meta{grid-template-columns:1fr;gap:12px;padding:15px}.modal-tag{font-size:.8rem;padding:6px 12px}.placeholder-content{padding:20px}.recipe-modal-notice{padding:15px}.recipe-modal-notice p{font-size:.85rem}}@media print{.recipe-modal-overlay{background-color:transparent}.recipe-modal-header,.modal-close-btn,.recipe-modal-actions{display:none}.recipe-modal{max-height:none;box-shadow:none}.recipe-modal-notice{display:none}}.recipe-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);padding:16px 32px;border-radius:50px;box-shadow:0 10px 30px #0000004d;font-weight:600;font-size:1rem;z-index:10000;max-width:90%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.recipe-toast{bottom:20px;padding:14px 24px;font-size:.95rem}}.recipes-page{padding-top:80px}.recipes-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);padding:80px 0;text-align:center;color:var(--white)}.recipes-hero h1{font-family:var(--font-secondary);font-size:3.5rem;font-weight:700;margin-bottom:20px;color:var(--white)}.recipes-hero p{font-size:1.3rem;max-width:700px;margin:0 auto;line-height:1.6;color:#fffffff2}.recipes-controls{background-color:#f9f9f9;padding:40px 0}.search-bar{position:relative;max-width:600px;margin:0 auto 30px}.search-bar input{width:100%;padding:18px 20px 18px 55px;font-size:1rem;border:2px solid var(--border-color);border-radius:50px;font-family:var(--font-primary);transition:var(--transition)}.search-bar input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #7fc2421a}.search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--gray-color);font-size:1.2rem}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.filter-btn{padding:12px 28px;background-color:var(--white);border:2px solid var(--border-color);color:var(--text-dark);border-radius:30px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:capitalize}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.filter-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.recipes-count{text-align:center;margin-bottom:30px}.recipes-count p{font-size:1.1rem;color:var(--text-light);font-weight:500}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:35px}.recipe-card{background-color:var(--white);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #00000014;transition:all .3s ease;display:flex;flex-direction:column}.recipe-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000026}.recipe-image{position:relative;width:100%;height:240px;overflow:hidden}.recipe-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.recipe-card:hover .recipe-image img{transform:scale(1.1)}.recipe-difficulty{position:absolute;top:15px;right:15px;background-color:var(--primary-color);color:var(--white);padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recipe-content{padding:25px;display:flex;flex-direction:column;flex-grow:1}.recipe-content h3{font-family:var(--font-secondary);font-size:1.5rem;color:var(--dark-color);margin-bottom:12px;line-height:1.3}.recipe-description{color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:15px;flex-grow:1}.recipe-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.recipe-tags .tag{display:inline-flex;align-items:center;gap:5px;background-color:#7fc2421a;color:var(--primary-color);padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:500}.recipe-tags .tag svg{font-size:.75rem}.recipe-meta{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--border-color);margin-bottom:15px}.meta-item{display:flex;align-items:center;gap:6px;color:var(--text-light);font-size:.9rem}.meta-item svg{color:var(--primary-color);font-size:1rem}.view-recipe-btn{width:100%;padding:12px 20px;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.no-recipes{grid-column:1 / -1;text-align:center;padding:60px 20px}.no-recipes p{font-size:1.2rem;color:var(--text-light)}@media (max-width: 1024px){.recipes-hero h1{font-size:3rem}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}}@media (max-width: 768px){.recipes-page{padding-top:70px}.recipes-hero{padding:60px 0}.recipes-hero h1{font-size:2.2rem}.recipes-hero p{font-size:1.1rem}.search-bar{max-width:100%}.category-filters{gap:10px}.filter-btn{padding:10px 20px;font-size:.9rem}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.recipe-image{height:200px}.recipe-content h3{font-size:1.3rem}.recipe-meta{flex-direction:column;align-items:flex-start;gap:8px}.meta-item{font-size:.85rem}}@media (max-width: 480px){.recipes-hero h1{font-size:1.8rem}.recipes-hero p{font-size:1rem}.recipes-grid{grid-template-columns:1fr}.category-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px}.filter-btn{flex-shrink:0;padding:10px 18px;font-size:.85rem}.recipe-content{padding:20px}.recipe-tags{gap:6px}.recipe-tags .tag{font-size:.75rem;padding:4px 10px}}.music-container{position:fixed;bottom:30px;left:30px;z-index:9999;display:flex;align-items:flex-end;font-family:Inter,sans-serif}.music-toggle-btn{width:50px;height:50px;background:#14141499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;box-shadow:0 4px 20px #0003;overflow:visible}.music-toggle-btn:hover{transform:scale(1.1);background:#141414cc;box-shadow:0 6px 25px #0000004d}.music-toggle-btn.playing{background:linear-gradient(135deg,#7fc242,#5a9e2a);border:none}.music-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.music-icon{font-size:20px;position:relative;z-index:2}.music-controls-panel{background:#141414e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;width:240px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 40px #0006;animation:slide-up .3s cubic-bezier(.4,0,.2,1);transform-origin:bottom left}@keyframes slide-up{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.track-info{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.track-name{color:#fff;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;opacity:.9}.close-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:50%}.close-btn:hover{color:#fff;background:#ffffff1a}.controls-row{display:flex;justify-content:center;align-items:center;gap:20px}.control-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:18px;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%}.control-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.play-btn{width:44px;height:44px;background:#fff;color:#000;border-radius:50%;font-size:16px;padding:0 0 0 2px;box-shadow:0 4px 12px #fff3}.play-btn:hover{background:#f0f0f0;color:#000;transform:scale(1.1);box-shadow:0 6px 16px #ffffff4d}.volume-row{display:flex;align-items:center;gap:10px;padding:0 4px}.volume-icon{background:none;border:none;color:#fff9;cursor:pointer;font-size:14px;padding:4px;display:flex}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#fff3;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .2s;box-shadow:0 2px 6px #0000004d}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.sound-waves{position:absolute;right:-8px;top:50%;transform:translateY(-50%);display:flex;gap:2px;align-items:center}.wave{width:2px;background:#fff;border-radius:2px;animation:wave-animation .8s ease-in-out infinite}.wave-1{height:8px;animation-delay:0s}.wave-2{height:12px;animation-delay:.2s}.wave-3{height:6px;animation-delay:.4s}@keyframes wave-animation{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(1.5);opacity:1}}@media (max-width: 480px){.music-container{bottom:20px;left:20px}.music-controls-panel{width:200px}}@media (prefers-reduced-motion: reduce){.wave,.music-controls-panel,.music-toggle-btn{animation:none;transition:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #7fc242;--secondary-color: #5a9e2a;--dark-color: #2c3e50;--light-color: #f8f9fa;--gray-color: #6c757d;--white: #ffffff;--text-dark: #333333;--text-light: #777777;--font-primary: "Montserrat", sans-serif;--font-secondary: "Playfair Display", serif;--transition: all .3s ease}body{font-family:var(--font-primary);color:var(--text-dark);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:600;line-height:1.3}a{text-decoration:none;color:inherit;transition:var(--transition)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-primary);cursor:pointer;border:none;outline:none;transition:var(--transition)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:2.5rem;color:var(--dark-color);margin-bottom:15px}.section-title p{font-size:1rem;color:var(--text-light);max-width:700px;margin:0 auto}.btn{display:inline-block;padding:12px 30px;background-color:var(--primary-color);color:var(--white);border-radius:30px;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.btn:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 5px 15px #7fc2424d}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--light-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .6s ease-out}@media (max-width: 1200px){.container{max-width:960px}}@media (max-width: 1024px){.container{max-width:720px;padding:0 25px}.section{padding:70px 0}.section-title h2{font-size:2.2rem}.section-title p{font-size:.95rem}}@media (max-width: 768px){.container{max-width:100%;padding:0 20px}.section{padding:60px 0}.section-title{margin-bottom:40px}.section-title h2{font-size:2rem}.section-title p{font-size:.9rem}.btn{padding:10px 25px;font-size:.85rem}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}}@media (max-width: 480px){.container{padding:0 15px}.section{padding:50px 0}.section-title{margin-bottom:35px}.section-title h2{font-size:1.7rem}.section-title p{font-size:.85rem;padding:0 10px}.btn{padding:10px 20px;font-size:.8rem}h1{font-size:1.7rem}h2{font-size:1.5rem}h3{font-size:1.2rem}h4{font-size:1.1rem}body{font-size:14px}}@media (max-width: 360px){.container{padding:0 12px}.section{padding:40px 0}.section-title h2{font-size:1.5rem}.btn{padding:8px 18px;font-size:.75rem}}