.header{background-color:var(--neutral-white);border-bottom:1px solid var(--neutral-200);position:sticky;top:0;z-index:2000;box-shadow:0 2px 8px #0000000d}.header__wrapper{display:flex;flex-direction:column;padding:0 40px;max-width:1280px;margin:0 auto;width:100%}@media (min-width: 1920px){.header__wrapper{max-width:1600px;padding:0 60px}}@media (min-width: 2560px){.header__wrapper{max-width:2000px;padding:0 80px}}@media (max-width: 1024px){.header__wrapper{max-width:100%;padding:0 32px}}.header__row-1{display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid var(--neutral-100)}.header__logo-section{display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0;transition:all var(--transition-fast);padding:20px 0;height:120px}.header__logo-section:hover{opacity:.85}.header__logo-image{height:150px;width:auto;object-fit:contain}@media (min-width: 1920px){.header__row-1{height:120px}.header__logo-image{height:180px}.header__doctor-profile{margin-top:-35px;padding:16px 20px}}@media (min-width: 2560px){.header__row-1{height:140px}.header__logo-image{height:220px}.header__doctor-profile{margin-top:-40px;padding:18px 24px}}.header__logo-tagline{font-size:11px;font-weight:500;color:var(--neutral-600);letter-spacing:.5px;text-transform:uppercase}.header__doctor-profile{margin-top:-18px;display:flex;align-items:center;gap:16px;padding:14px 18px;background:linear-gradient(135deg,#e8f5f0,#e3f6e4);border-radius:0 0 8px 8px;flex-shrink:0;position:relative}.header__doctor-profile.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.header__doctor-profile.visible{opacity:1;transform:translateY(0)}.header__doctor-avatar-container{position:relative;width:60px;height:60px;border-radius:50%;flex-shrink:0;background-image:url(/images/sunflower.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.header__doctor-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 4px #00000014;z-index:2}.header__doctor-info{display:flex;flex-direction:column;gap:3px;min-width:0;position:relative;z-index:2}.header__doctor-label{font-size:9px;color:#003d82;font-weight:700;letter-spacing:1px;text-transform:uppercase}.header__doctor-name{font-size:14px;font-weight:800;color:#003d82;letter-spacing:.4px;line-height:1.2}.header__doctor-specialty{font-size:11px;color:#003d82;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.header__row-2{display:flex;align-items:center;justify-content:flex-start;height:60px;gap:40px}.header__nav{display:flex;gap:40px!important;justify-content:flex-start;align-items:center;flex:1;overflow:visible;position:relative;z-index:1000}.header__nav::-webkit-scrollbar{display:none}.header__nav-item{position:relative;flex-shrink:0;display:flex;align-items:center}.header__nav-item--dropdown{position:relative}.header__nav-link{font-family:Swis,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:500;text-decoration:none;transition:all var(--transition-fast);display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:2px solid transparent;white-space:nowrap;color:var(--primary-navy)}.header__nav-link:hover{color:var(--primary-blue)}.header__nav-link.active{color:var(--primary-navy)}.header__dropdown-icon{font-size:10px;transform:translateY(-1px);transition:transform .3s ease}.header__nav-item--dropdown.active .header__dropdown-icon{transform:rotate(180deg) translateY(-1px)}.header__submenu{position:absolute;top:calc(100% + 0px);left:0;min-width:200px;padding:6px 0;background-color:var(--neutral-white);border:1px solid var(--neutral-200);border-radius:6px;box-shadow:0 6px 20px #0f172a1f;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:10000;display:flex;flex-direction:column;gap:0;white-space:nowrap}.header__nav-item--dropdown:hover .header__submenu,.header__nav-item--dropdown:focus-within .header__submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.header__submenu-link{display:block;padding:10px 16px;color:var(--primary-navy);font-family:Swis,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease;border:none}.header__submenu-link:hover,.header__submenu-link:focus-visible{background-color:var(--primary-light);color:var(--primary-blue)}.header__language-selector-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.header__language-selector{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:var(--neutral-50);border-radius:25px;border:1px solid var(--neutral-200);font-family:Myriad Pro,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:var(--primary-navy);cursor:pointer;outline:none;transition:all var(--transition-fast)}.header__language-selector:hover{background-color:var(--neutral-100);border-color:var(--primary-blue)}.header__language-icon{font-size:16px;display:flex;align-items:center}.header__language-label{display:none;white-space:nowrap}.header__language-arrow{font-size:10px;transition:transform var(--transition-fast);display:none}.header__language-arrow.open{transform:rotate(180deg)}.header__language-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background-color:var(--neutral-white);border:1px solid var(--neutral-200);border-radius:8px;box-shadow:0 6px 20px #0f172a26;z-index:1001;padding:15px;min-width:200px;animation:slideDown var(--transition-base)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header__language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:5px}.header__language-option{display:flex;align-items:center;justify-content:center;padding:8px 6px;background-color:transparent;border:none;border-radius:0;font-family:Myriad Pro,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;transition:all var(--transition-fast);text-align:center;font-size:12px;font-weight:600;color:var(--primary-black);min-height:auto}.header__language-option:hover{background-color:#10b981;border-color:#10b981;color:#fff;transform:scale(1.05);border-radius:6px}.header__language-option.active{background-color:#10b981;border-color:#10b981;color:#fff;font-weight:600;border-radius:6px}.header__language-option-name,.header__language-option-native{display:none}.header__menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-sm);width:40px;height:40px;justify-content:center;align-items:center;flex-shrink:0}.header__menu-toggle span{width:24px;height:2px;background-color:var(--neutral-900);transition:all var(--transition-base);border-radius:1px}.header__menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__menu-toggle.active span:nth-child(2){opacity:0}.header__menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (min-width: 1920px){.header{padding:0}.header__wrapper{padding:0 60px}.header__nav{gap:40px}.header__language-selector{padding:8px 12px;gap:6px}.header__language-icon{font-size:16px}.header__language-label{display:inline;font-size:12px}.header__language-arrow{display:inline;font-size:9px}.header__language-dropdown{min-width:280px;padding:15px}.header__language-grid{grid-template-columns:repeat(2,1fr);gap:12px}.header__language-option{padding:0;min-height:auto;font-size:12px}}@media (min-width: 1400px) and (max-width: 1919px){.header{padding:0}.header__wrapper{padding:0 60px}.header__nav{gap:40px}}@media (min-width: 1280px) and (max-width: 1919px){.header__wrapper{padding:0 24px}.header__row-1{height:90px}.header__logo-image{height:130px;padding:20px 0}.header__nav{gap:20px}.header__nav-link{font-size:18px}.header__doctor-profile{padding:11px 14px;gap:12px}.header__doctor-avatar-container{width:60px;height:60px}.header__doctor-avatar{width:40px;height:40px;top:30px;left:29px}.header__doctor-name{font-size:12px;font-weight:800}.header__doctor-specialty{font-size:10px}.header__language-selector{padding:7px 11px;gap:5px}.header__language-icon{font-size:15px}.header__language-label{display:inline;font-size:11px}.header__language-arrow{display:inline;font-size:8px}.header__language-dropdown{min-width:250px;padding:12px 10px}.header__language-grid{grid-template-columns:repeat(2,1fr);gap:10px}.header__language-option{padding:10px;min-height:auto;font-size:12px}}@media (min-width: 768px) and (max-width: 1279px){.header__wrapper{padding:0 20px}.header__row-1{height:80px}.header__logo-image{height:40px}.header__logo-tagline{font-size:9px}.header__row-2{height:55px;gap:20px}.header__nav{gap:16px}.header__nav-link{font-size:13px}.header__doctor-profile{padding:9px 11px;gap:10px}.header__doctor-avatar-container{width:60px;height:60px}.header__doctor-avatar{width:40px;height:40px}.header__doctor-label{font-size:7px;letter-spacing:.8px}.header__doctor-name{font-size:11px;font-weight:800}.header__doctor-specialty{font-size:9px;letter-spacing:.6px}.header__language-selector{padding:6px 9px;gap:4px}.header__language-icon{font-size:14px}.header__language-label{display:inline;font-size:10px}.header__language-arrow{display:inline;font-size:7px}.header__language-dropdown{min-width:200px;padding:15px}.header__language-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:5px}.header__language-option{padding:0;min-height:auto;font-size:10px}}@media (min-width: 480px) and (max-width: 767px){.header__wrapper{padding:0 14px}.header__row-1{height:65px}.header__logo-image{height:32px}.header__logo-tagline{font-size:7px}.header__row-2{height:auto;gap:10px;padding:10px 0}.header__nav{gap:12px}.header__nav-link{font-size:12px}.header__doctor-profile{padding:8px 10px;gap:8px}.header__doctor-avatar-container,.header__doctor-avatar{width:45px;height:45px}.header__doctor-label{font-size:6px;letter-spacing:.7px}.header__doctor-name{font-size:10px;font-weight:800}.header__doctor-specialty{font-size:8px;letter-spacing:.5px}.header__language-selector{padding:5px 8px;gap:3px}.header__language-icon{font-size:13px}.header__language-label,.header__language-arrow{display:none}.header__language-dropdown{min-width:200px;padding:15px;right:-5px;top:calc(100% + 3px)}.header__language-grid{grid-template-columns:repeat(2,1fr);gap:15px;padding:5px}.header__language-option{padding:0;min-height:auto;font-size:9px}}@media (max-width: 768px){.header__wrapper{padding:0 16px;flex-direction:row;justify-content:space-between;align-items:center;height:auto}.header__row-1{height:auto;border-bottom:none;flex:0 0 auto;justify-content:flex-start;padding:0;margin-right:auto}.header__logo-image{height:150px}.header__logo-tagline{font-size:8px}.header__doctor-profile{display:flex;position:absolute;top:155px;left:50%;transform:translate(-50%);width:50%;margin:0;padding:12px 14px;gap:10px;background:linear-gradient(135deg,#e8f5f0,#e3f6e4);border-radius:8px;border:1px solid rgba(16,185,129,.15);z-index:100;box-shadow:0 4px 12px #0000001a;transition:opacity .3s ease,transform .3s ease}.header__doctor-profile.hidden{opacity:0;transform:translate(-50%) translateY(-20px);pointer-events:none}.header__doctor-profile.visible{opacity:1;transform:translate(-50%) translateY(0)}.header__row-2{height:auto;gap:12px;justify-content:flex-end;align-items:center;padding:0;border:none;position:static;display:flex}.header__menu-toggle{display:flex;align-items:center;justify-content:center;order:1}.header__nav{position:absolute;top:100%;left:0;right:0;width:100%;background-color:var(--neutral-white);flex-direction:column;gap:0;border-bottom:none;padding:0;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .4s,box-shadow .4s ease,padding .4s ease;z-index:1000;visibility:hidden;box-shadow:none;align-items:flex-start}.header__nav.open{max-height:600px;border-bottom:1px solid var(--neutral-200);padding:8px 0;visibility:visible;transition:max-height .4s cubic-bezier(.4,0,.2,1),visibility 0s,box-shadow .4s ease,padding .4s ease;box-shadow:0 8px 24px #0000001f;gap:5px!important}.header__nav-item{border-bottom:.5px solid var(--neutral-100);width:100%;display:flex;flex-direction:column;position:relative}.header__nav-item:last-child{border-bottom:none}.header__nav-item--dropdown{position:relative}.header__nav-link{padding:8px 12px;font-size:16px;font-family:Swis,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;color:var(--primary-navy);display:flex;align-items:center;text-align:left;transition:all .3s ease;background-color:transparent;width:100%;order:1;cursor:pointer}.header__nav-link:hover{background-color:var(--primary-light);color:var(--primary-blue);padding-left:16px}.header__nav-link.active{color:var(--primary-blue);font-weight:700;background-color:#3b82f614;border-left:4px solid var(--primary-blue);padding-left:8px}.header__nav-item--dropdown .header__nav-link{padding-right:16px}.header__dropdown-icon{margin-left:auto;transition:transform .3s ease}.header__nav-item--dropdown.active .header__dropdown-icon{transform:rotate(180deg)}.header__submenu{position:static;top:auto;min-width:auto;width:100%;border:none;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;background-color:#3b82f60a;max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s ease,background-color .3s ease;display:flex;flex-direction:column;gap:0;border-left:3px solid var(--primary-blue);margin:0;padding:0;order:2;pointer-events:none}.header__nav-item--dropdown.active .header__submenu,.header__submenu.active{max-height:500px;padding:4px 0;background-color:#3b82f60f;pointer-events:auto}.header__submenu-link{padding:6px 12px 6px 20px;font-size:13px;font-family:Swis,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;color:var(--primary-navy);display:flex;align-items:center;justify-content:flex-start;background-color:transparent;border:none;border-radius:0;transition:all .25s ease;position:relative;width:100%;cursor:pointer}.header__submenu-link:before{content:"└─";position:relative;right:auto;margin-right:8px;color:var(--primary-blue);font-size:11px;opacity:.6;transition:opacity .25s ease;font-weight:600}.header__submenu-link:hover{background-color:#3b82f61a;color:var(--primary-blue);padding-left:24px}.header__submenu-link:hover:before{opacity:1}.header__language-selector{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#f3f4f6;border:1px solid var(--neutral-200);border-radius:8px;font-size:12px;font-weight:500;flex-shrink:0;color:var(--primary-navy);order:0}.header__language-icon{font-size:16px}.header__language-label{display:inline;white-space:nowrap;font-weight:600}.header__language-arrow{display:none}}@media (max-width: 480px){.header__wrapper{padding:0 12px;flex-direction:row;justify-content:space-between;align-items:center;height:auto}.header__row-1{height:auto;border-bottom:none;flex:0 0 auto;justify-content:flex-start;padding:0;margin-right:auto}.header__logo{font-size:1rem}.header__logo-image{height:65px}.header__logo-tagline{font-size:6px}.header__doctor-profile{display:flex;position:absolute;top:110px;left:50%;transform:translate(-50%);width:50%;margin:0;padding:10px 12px;gap:8px;background:linear-gradient(135deg,#e8f5f0,#e3f6e4);border-radius:8px;border:1px solid rgba(16,185,129,.15);z-index:100;box-shadow:0 4px 12px #0000001a;transition:opacity .3s ease,transform .3s ease}.header__doctor-profile.hidden{opacity:0;transform:translate(-50%) translateY(-20px);pointer-events:none}.header__doctor-profile.visible{opacity:1;transform:translate(-50%) translateY(0)}.header__doctor-avatar-container{width:55px;height:55px}.header__doctor-avatar{width:35px;height:35px}.header__doctor-label{font-size:6px}.header__doctor-name{font-size:10px}.header__doctor-specialty{font-size:8px}.header__row-2{height:auto;gap:8px;padding:0;border:none;position:static;display:flex;align-items:center;justify-content:flex-end}.header__menu-toggle{order:1}.header__language-selector{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#f3f4f6;border:1px solid var(--neutral-200);border-radius:8px;font-size:12px;font-weight:500;flex-shrink:0;color:var(--primary-navy);order:0}.header__language-icon{font-size:16px}.header__language-label{display:inline;white-space:nowrap;font-weight:600}.header__language-arrow{display:none}.header__menu-toggle{display:flex;align-items:center;justify-content:center}.header__menu-toggle span{width:20px}.header__language-dropdown{min-width:300px;padding:9px 8px;right:-8px;top:calc(100% + 2px)}.header__language-grid{grid-template-columns:repeat(2,1fr);gap:10px}.header__language-option{padding:10px;min-height:auto;font-size:14px}}.header--doctor-page .header__row-2,.header--doctor-page .header__doctor-profile{display:none}.header--doctor-page .header__row-1,.header--doctor-page{border-bottom:none}.header__row-2--hidden,.header__doctor-profile--hidden{display:none!important}.footer{background:#dcfce7;color:#0f3a7d;margin-top:auto;position:relative;font-family:Swis,-apple-system,BlinkMacSystemFont,sans-serif}.footer-content{padding:24px 40px 16px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;margin-bottom:16px;align-items:flex-start;padding:0}.footer-logo-section{display:flex;flex-direction:column;gap:8px}.footer-logo{display:flex;align-items:center;gap:8px}.footer-logo-img{max-width:250px;height:auto;object-fit:contain}.copyright{font-size:13px;font-weight:700;color:#1f2937;margin:0;line-height:1.5}.footer-column{display:flex;flex-direction:column;gap:8px;font-weight:900}.footer-column-title{font-size:16px;font-weight:900;letter-spacing:1.5px;color:#1f2937;margin:0;text-transform:uppercase}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.footer-links li{margin:0}.footer-links a{color:#374151;text-decoration:none;font-size:16px;font-weight:500;transition:all .3s ease}.footer-links a:hover{color:#059669;font-weight:500}.footer-email{color:#374151;font-size:14px;font-weight:400;text-decoration:none;transition:all .3s ease}.footer-email:hover{color:#059669}.footer-disclaimer{border-top:1px solid rgba(15,58,125,.15);padding-top:12px;margin-top:12px}.footer-disclaimer p{font-size:12px;line-height:1.7;color:#4b5563;margin:0;font-weight:400}.footer-disclaimer strong{color:#1f2937;font-weight:700}@media (min-width: 768px) and (max-width: 1279px){.footer-content{padding:20px 20px 14px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px}.footer-column-title{font-size:14px;letter-spacing:1px}.footer-links a{font-size:14px}.footer-email{font-size:12px}.footer-logo-img{max-width:200px}.copyright{font-size:12px}.footer-disclaimer p{font-size:11px}}@media (max-width: 768px){.footer-content{padding:16px 16px 12px}.footer-grid{grid-template-columns:1fr;gap:14px;margin-bottom:10px}.footer-column-title{font-size:14px;letter-spacing:1px;margin-bottom:4px}.footer-links a{font-size:14px}.footer-email{font-size:12px}.footer-logo-img{max-width:180px}.copyright{font-size:11px}.footer-disclaimer{padding-top:10px;margin-top:10px}.footer-disclaimer p{font-size:10px;line-height:1.6}}@media (max-width: 480px){.footer-content{padding:14px 12px 10px}.footer-grid{grid-template-columns:1fr;gap:12px;margin-bottom:8px}.footer-column-title{font-size:13px;letter-spacing:.8px}.footer-links a{font-size:13px}.footer-email{font-size:11px}.footer-logo-img{max-width:150px}.copyright{font-size:10px}.footer-disclaimer{padding-top:8px;margin-top:8px}.footer-disclaimer p{font-size:9px;line-height:1.5}}.main-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.main-layout__content{flex:1;width:100%}.page-section{padding:var(--space-3xl) 0}.page-section-light{background-color:var(--neutral-50)}.page-section-white{background-color:var(--neutral-white)}.page-section-gradient{background:linear-gradient(135deg,var(--primary-light) 0%,var(--neutral-50) 100%)}@media (min-width: 1920px){.page-section{padding:var(--space-4xl) 0}}@media (max-width: 640px){.page-section{padding:var(--space-2xl) 0}}.whatsapp-chatbot{position:fixed;bottom:30px;right:30px;z-index:1000;animation:fadeIn .5s ease-in-out}.whatsapp-chatbot a{display:inline-block;text-decoration:none;transition:all .3s ease}.whatsapp-icon{width:120px;height:120px;object-fit:contain;transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.whatsapp-chatbot a:hover .whatsapp-icon{transform:scale(1.1);filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.whatsapp-chatbot{bottom:20px;right:20px}.whatsapp-icon{width:90px;height:90px}}@media (max-width: 480px){.whatsapp-chatbot{bottom:15px;right:15px}.whatsapp-icon{width:75px;height:75px}}.hero{position:relative;width:100%;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-attachment:fixed;margin-top:0;padding-top:160px}@media (min-width: 1920px){.hero{padding-top:180px;min-height:700px}.hero--slider{min-height:700px}.hero__slider-bg-img{object-fit:cover;object-position:center}}@media (min-width: 1024px) and (max-width: 1919px){.hero{padding-top:150px;min-height:600px}.hero--slider{min-height:600px}.hero__slider-bg-img{object-fit:cover;object-position:center right}}@media (min-width: 768px) and (max-width: 1023px){.hero{padding-top:120px;min-height:450px}.hero--slider{min-height:450px}.hero__slider-bg-img{object-fit:cover;object-position:right center}}@media (max-width: 767px){.hero{padding-top:90px;min-height:300px}.hero--slider{min-height:300px}.hero__slider-bg-img{object-fit:cover;object-position:center}}.hero--slider{position:relative;background-size:cover;background-position:center;min-height:600px}.hero__slider-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.hero__slider-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}.hero__slider-bg-img.active{opacity:1}.hero__overlay{display:none}.hero__slider-container{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;max-width:1400px;margin:0 auto;padding:40px 60px;z-index:5}.hero__slider-content{display:flex;align-items:center;justify-content:center}.hero__slider-inner{width:100%;max-width:750px;display:flex;flex-direction:column;gap:24px;animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.hero__title{font-size:100px;font-weight:800;color:#fff;line-height:1.2;margin:0;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(0,0,0,.2);-webkit-font-smoothing:antialiased}.hero__subtitle{font-size:30px;color:#fffffff2;line-height:1.6;margin:0;font-weight:400;max-width:600px;text-shadow:0 1px 5px rgba(0,0,0,.1);-webkit-font-smoothing:antialiased}.hero__buttons{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;display:none}.hero__slider-image,.hero__slider-image img{display:none}.hero__dots{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.hero__dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff80;border:none;cursor:pointer;transition:all .3s ease;padding:0}.hero__dot:hover{background-color:#ffffffb3;transform:scale(1.15)}.hero__dot.active{background-color:#f5f1ed;width:32px;border-radius:6px}.hero__arrow{display:none}@media (min-width: 1920px){.hero__slider-container{padding:60px 80px;max-width:1600px;margin-top:-40px}.hero__slider-inner{max-width:800px;gap:28px}.hero__title{font-size:100px;letter-spacing:-1px}.hero__subtitle{font-size:32px;max-width:650px}.hero__dots{bottom:50px;gap:14px}.hero__dot{width:14px;height:14px}.hero__dot.active{width:36px}}@media (min-width: 1024px) and (max-width: 1919px){.hero__slider-container{padding:50px 60px;max-width:1400px;margin-top:-150px}.hero__slider-inner{max-width:700px;gap:24px}.hero__title{font-size:100px!important;letter-spacing:-.5px}.hero__subtitle{font-size:26px;max-width:580px}.hero__dots{bottom:40px;gap:12px}.hero__dot{width:12px;height:12px}.hero__dot.active{width:32px}}@media (min-width: 768px) and (max-width: 1023px){.hero__slider-container{padding:40px 35px;justify-content:center}.hero__slider-content{width:100%}.hero__slider-inner{text-align:center;max-width:500px;gap:18px}.hero__title{font-size:100px;line-height:1.3}.hero__subtitle{font-size:18px;line-height:1.5;max-width:none}.hero__buttons{gap:12px;justify-content:center}.hero__dots{bottom:25px;gap:10px}.hero__dot{width:10px;height:10px}.hero__dot.active{width:28px}}@media (max-width: 767px){.hero__slider-container{padding:20px 12px;justify-content:center;max-width:100%;width:100%;margin-top:-300px}.hero__slider-content{width:100%;max-width:none}.hero__slider-inner{text-align:center;max-width:100%;gap:12px;width:100%}.hero__title{font-size:60px;line-height:1.2;letter-spacing:0}.hero__subtitle{font-size:16px;line-height:1.4;max-width:none}.hero__buttons{gap:8px;justify-content:center}.hero__dots{bottom:15px;gap:7px}.hero__dot{width:7px;height:7px}.hero__dot.active{width:20px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--primary-navy);color:var(--neutral-white);box-shadow:var(--shadow-md)}.btn-primary:hover:not(.btn-disabled){background-color:var(--primary-blue);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary-green);color:var(--neutral-white);box-shadow:var(--shadow-md)}.btn-secondary:hover:not(.btn-disabled){background-color:var(--secondary-emerald);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--primary-navy);border:2px solid var(--primary-navy)}.btn-outline:hover:not(.btn-disabled){background-color:var(--primary-light);border-color:var(--primary-blue)}.btn-ghost{background-color:transparent;color:var(--primary-navy)}.btn-ghost:hover:not(.btn-disabled){background-color:var(--neutral-100)}.btn-danger{background-color:var(--error);color:var(--neutral-white)}.btn-danger:hover:not(.btn-disabled){background-color:#dc2626;box-shadow:var(--shadow-lg)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-full{width:100%}@media (max-width: 640px){.btn-md{padding:.65rem 1.25rem;font-size:.95rem}.btn-lg{padding:.85rem 1.75rem;font-size:1rem}}.tools-section{padding:80px 0}.tools-header{text-align:center;margin-bottom:60px}.tools-title{font-size:48px;font-weight:950;line-height:1.3;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;letter-spacing:-.5px}.tools-title--blue{display:inline}.tools-title--green{display:inline;margin-left:8px}.tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding:0 20px}.tool-card{background:#f5f1ed;border-radius:12px;padding:32px 24px;text-align:center;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;cursor:pointer;border:1px solid rgba(0,0,0,.05);text-decoration:none;display:flex;flex-direction:column;align-items:center}.tool-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #0000001f}.tool-card__icon{font-size:48px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;height:60px}.tool-card__icon img{width:100%;height:100%;object-fit:contain;max-width:60px}.tool-card__title{font-size:20px;font-weight:700;color:#0f3a7d;line-height:1.4}@media (max-width: 1280px) and (min-width: 1024px){.tools-grid{grid-template-columns:repeat(5,1fr);gap:24px}.tools-title{font-size:48px}.tools-section{padding:80px 0}}@media (max-width: 1023px){.tools-grid{grid-template-columns:repeat(3,1fr);gap:20px}.tools-title{font-size:42px}.tools-section{padding:60px 0}}@media (max-width: 768px){.tools-header{margin-bottom:30px}.tools-grid{grid-template-columns:repeat(2,1fr);gap:16px}.tools-title{font-size:40px}.tools-section{padding:50px 0}.tool-card{padding:24px 16px}.tool-card__icon{font-size:40px;height:50px}}@media (max-width: 480px){.tools-header{margin-bottom:30px}.tools-grid{grid-template-columns:1fr;gap:12px;padding:0 12px}.tools-title{font-size:30px;margin-bottom:20px}.tools-section{padding:30px 0}.tool-card{padding:16px 12px}.tool-card__icon{font-size:32px;height:40px;margin-bottom:8px}.tool-card__title{font-size:16px}}.content-section{padding:80px 0}.content-category{margin-bottom:40px}.content-category:last-child{margin-bottom:0}.category-header{display:flex;align-items:center;gap:16px;margin-bottom:40px;position:relative}.category-title{font-size:24px;font-weight:800;color:#0f3a7d;margin:0}.category-badge{background-color:#fbbf24;color:#000;padding:4px 12px;border-radius:25px;font-size:12px;font-weight:500;letter-spacing:.5px}.see-all{display:none;margin-left:auto;color:#059669;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;transition:color .3s ease}.see-all:hover{color:#047857}.quick-access-grid{display:flex;grid-template-columns:repeat(2,1fr);gap:24px}.quick-access-card{border-radius:16px;padding:32px;color:#fff;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #0000001a;min-height:200px;display:flex;flex-direction:column;align-items:start;justify-content:end;text-align:justify}.quick-access-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.quick-access-title{font-size:24px;font-weight:800;margin:0 0 8px}.quick-access-subtitle{font-size:14px;margin:0;opacity:.9}.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.video-thumbnail{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#ffffffe6;border:none;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease}.play-button:hover{background-color:#fff;transform:translate(-50%,-50%) scale(1.1)}.video-info{padding:16px}.video-title{font-size:14px;font-weight:700;color:#0f3a7d;margin:0 0 8px;line-height:1.4}.video-author{font-size:12px;color:#6b7280;margin:0 0 12px}.video-stats{display:flex;gap:12px;font-size:12px;color:#6b7280}.music-therapy-container{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.playlist{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1280px) and (min-width: 1024px){.quick-access-grid{grid-template-columns:repeat(2,1fr);gap:24px}.videos-grid,.articles-grid{grid-template-columns:repeat(3,1fr);gap:24px}.music-player{padding:32px}.player-content{gap:24px}.vinyl-record{width:100px;height:100px}.playlist{grid-template-columns:repeat(4,1fr);gap:16px}}@media (max-width: 480px){.content-section{padding:40px 0}.content-category{margin-bottom:20px}.category-title{font-size:18px}.quick-access-grid{grid-template-columns:1fr;gap:16px}.quick-access-card{padding:20px;min-height:150px}.quick-access-title{font-size:20px}.quick-access-subtitle{font-size:12px}.videos-grid,.articles-grid{grid-template-columns:1fr;gap:16px}.music-player{padding:16px;border-radius:12px}.player-header{font-size:10px;margin-bottom:12px}.player-content{gap:12px;flex-wrap:wrap}.vinyl-record{width:60px;height:60px}.player-title{font-size:12px}.control-btn{width:28px;height:28px;font-size:10px}.control-btn.play{width:36px;height:36px}.playlist{grid-template-columns:1fr;gap:12px}}@media (max-width: 1023px){.music-player{padding:20px}.player-content{flex-direction:column;gap:16px;align-items:stretch}.vinyl-record{width:70px;height:70px;align-self:center}.player-info-section{min-width:auto;text-align:center}.progress-section{width:100%;min-width:auto}.player-controls{justify-content:center;width:100%}.playlist{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.music-player{padding:16px;border-radius:16px}.player-header{font-size:11px;margin-bottom:16px}.player-content{gap:12px}.vinyl-record{width:60px;height:60px}.player-title{font-size:14px}.player-artist{font-size:11px}.control-btn{width:32px;height:32px;font-size:12px}.control-btn.play{width:40px;height:40px;font-size:16px}.playlist{grid-template-columns:repeat(2,1fr);gap:12px}.playlist-item{padding:20px 16px;min-height:160px}.playlist-icon{font-size:36px}.playlist-name{font-size:13px}.playlist-meta{font-size:11px}.playlist-play{width:36px;height:36px;font-size:14px}}@media (max-width: 480px){.music-player{padding:12px}.player-header{font-size:10px;margin-bottom:12px}.player-content{gap:8px}.vinyl-record{width:50px;height:50px}.player-info-section{flex:1}.player-title{font-size:13px}.player-artist{font-size:10px}.progress-section{height:40px}.control-btn{width:28px;height:28px;font-size:10px}.control-btn.play{width:36px;height:36px;font-size:14px}.playlist{grid-template-columns:1fr;gap:10px}.playlist-item{padding:12px}.playlist-icon{font-size:24px}.playlist-name{font-size:11px}.playlist-meta{font-size:9px}}.playlist-item{background:#fff;border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;text-align:center;min-height:200px;justify-content:center}.playlist-item:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.playlist-item.active{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.playlist-icon{font-size:48px;flex-shrink:0}.playlist-info{flex:1;width:100%}.playlist-name{font-size:15px;font-weight:700;color:#0f3a7d;margin:0 0 6px;line-height:1.3}.playlist-meta{font-size:13px;color:#9ca3af;margin:0;line-height:1.3}.playlist-play{position:absolute;bottom:12px;right:12px;width:42px;height:42px;background-color:#0f3a7d1a;border:none;border-radius:50%;color:#0f3a7d;cursor:pointer;font-size:18px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.playlist-play:hover{background-color:#0f3a7d;color:#fff}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1280px) and (min-width: 768px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 767px){.articles-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 1024px){.quick-access-grid,.videos-grid{grid-template-columns:repeat(2,1fr)}.music-therapy-container{grid-template-columns:1fr}.playlist{grid-template-columns:repeat(4,1fr)}.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.content-section{padding:60px 0}.content-category{margin-bottom:30px}.category-title{font-size:20px}.quick-access-grid{grid-template-columns:1fr}.videos-grid{grid-template-columns:repeat(2,1fr)}.playlist,.articles-grid{grid-template-columns:1fr}.music-player{padding:24px}}@media (max-width: 480px){.content-section{padding:40px 0}.content-category{margin-bottom:20px}.category-header{flex-wrap:wrap}.see-all{margin-left:0;width:100%;text-align:right}.videos-grid,.articles-grid{grid-template-columns:1fr}.quick-access-card{padding:24px}.quick-access-title{font-size:18px}}:root{--card-bg: #ffffff;--card-border: #e5e7eb;--card-shadow-light: rgba(0, 0, 0, .06);--card-shadow-hover: rgba(0, 0, 0, .12);--text-primary: #1f2937;--text-secondary: #6b7280;--category-color: #6366f1;--border-divider: #f3f4f6;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--transition-fast: .15s ease;--transition-base: .3s cubic-bezier(.4, 0, .2, 1)}.article-card{position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;transition:all var(--transition-base);background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 1px 3px var(--card-shadow-light);height:100%;cursor:pointer}.article-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px var(--card-shadow-hover)}.article-card__content{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.article-card__icon-section{display:flex;align-items:center;justify-content:center;min-height:150px;width:100%;position:relative;padding:0}.article-card__language-badge{position:absolute;top:12px;right:12px;background-color:#ffffffd9;color:#4b5563;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #00000014}.article-card__emoji{font-size:64px;display:flex;align-items:center;justify-content:center;line-height:1}.article-card__category{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin:0;padding:8px 16px;border-radius:20px;display:block;width:100%;line-height:1;text-align:left}.article-card__title{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.4;margin:6px 0 8px;display:block}.article-card__description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0;display:block}.article-card__footer{border-top:1px solid var(--border-divider);background-color:transparent;padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:flex-start}.article-card__meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.article-card__read-time{font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:3px;cursor:default;margin-right:auto}.article-card__likes{font-size:12px;font-weight:600;color:#374151;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--transition-fast);background-color:#f3f4f6;padding:6px 12px;border-radius:20px;border:none;height:auto}.article-card__likes:hover{background-color:#e5e7eb}.article-card__action-btn{font-size:14px;padding:6px 12px;min-width:auto;height:auto;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);cursor:pointer;border:none;background-color:#f3f4f6;flex-shrink:0;border-radius:20px}.article-card__action-btn:hover{background-color:#e5e7eb;transform:none;opacity:.8}.article-card__action-btn:active{transform:scale(.95)}@media (min-width: 1280px){.article-card{border-radius:8px}.article-card__icon-section{min-height:150px}.article-card__emoji{font-size:64px}.article-card__content{padding:var(--space-3);gap:var(--space-1)}.article-card__category{font-size:12px}.article-card__title{font-size:20px}.article-card__description{font-size:14px}.article-card__read-time,.article-card__likes{font-size:12px}}@media (max-width: 1279px) and (min-width: 1024px){.article-card{border-radius:8px}.article-card__icon-section{min-height:140px}.article-card__emoji{font-size:56px}.article-card__content{padding:var(--space-3);gap:6px}.article-card__category{font-size:11px}.article-card__title{font-size:16px}.article-card__description{font-size:13px}.article-card__read-time,.article-card__likes{font-size:11px}}@media (max-width: 1023px) and (min-width: 768px){.article-card{border-radius:8px}.article-card__icon-section{min-height:130px}.article-card__emoji{font-size:52px}.article-card__content{padding:var(--space-2) var(--space-3);gap:4px}.article-card__category{font-size:11px}.article-card__title{font-size:16px}.article-card__description{font-size:12px;line-height:1.5}.article-card__footer{padding:var(--space-1) var(--space-3)}.article-card__read-time,.article-card__likes{font-size:11px}}@media (max-width: 767px) and (min-width: 480px){.article-card{border-radius:8px}.article-card__icon-section{min-height:120px}.article-card__emoji{font-size:48px}.article-card__content{padding:var(--space-2) var(--space-3);gap:4px}.article-card__category{font-size:10px}.article-card__title{font-size:14px}.article-card__description{font-size:12px;line-height:1.5}.article-card__footer{padding:var(--space-1) var(--space-3)}.article-card__read-time,.article-card__likes{font-size:10px}.article-card__action-btn{font-size:12px}}@media (max-width: 479px){.article-card{border-radius:8px}.article-card__icon-section{min-height:100px}.article-card__emoji{font-size:44px}.article-card__content{padding:var(--space-2);gap:3px}.article-card__category{font-size:10px}.article-card__title{font-size:14px}.article-card__description{font-size:11px;line-height:1.4}.article-card__footer{padding:6px var(--space-2)}.article-card__meta{gap:6px}.article-card__read-time,.article-card__likes{font-size:10px}.article-card__action-btn{font-size:12px;padding:2px 4px}}.playlist-slider{width:100%;padding:24px 0;background:transparent}.playlist-slider-header{max-width:1280px;margin:0 auto 24px;text-align:center}.playlist-slider-title{font-size:28px;font-weight:950;margin:0 0 8px;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.playlist-slider-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:400}.playlist-slider-container{max-width:1280px;margin:0 auto;position:relative}.playlist-slider-scroll{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:8px 0;scroll-padding:0 20px}.playlist-slider-scroll::-webkit-scrollbar{height:4px}.playlist-slider-scroll::-webkit-scrollbar-track{background:#e5e7eb;border-radius:2px}.playlist-slider-scroll::-webkit-scrollbar-thumb{background:#10b981;border-radius:2px}.playlist-slider-scroll::-webkit-scrollbar-thumb:hover{background:#059669}.playlist-item{display:flex;align-items:center;gap:12px;padding:16px;min-width:100%;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.playlist-item:hover{border-color:var(--border-color);background-color:var(--bg-color);box-shadow:0 4px 12px #00000014}.playlist-item.active{border-color:var(--border-color);background-color:var(--bg-color);border-width:2px}.playlist-item-icon{font-size:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.playlist-item-info{flex:1;min-width:0}.playlist-item-name{font-size:14px;font-weight:700;margin:0;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-meta{font-size:12px;color:#6b7280;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-play{width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;background:var(--border-color);border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.playlist-item-play:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.playlist-slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:none;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;cursor:pointer;font-size:20px;color:#1f2937;transition:all .3s ease;z-index:10}.playlist-slider-nav:hover{background:#10b981;color:#fff;border-color:#10b981}.playlist-slider-nav--left{left:-20px}.playlist-slider-nav--right{right:-20px}.playlist-slider-indicators{display:flex;justify-content:center;gap:8px;margin-top:16px}.playlist-slider-indicator{width:8px;height:8px;border-radius:50%;background:#d1d5db;border:none;cursor:pointer;transition:all .3s ease}.playlist-slider-indicator:hover{background:#9ca3af}.playlist-slider-indicator.active{background:#10b981;width:24px;border-radius:4px}@media (min-width: 1280px){.playlist-slider{padding:48px 40px}.playlist-slider-header{margin-bottom:40px}.playlist-slider-title{font-size:36px}.playlist-slider-subtitle{font-size:15px}.playlist-slider-scroll{gap:20px}.playlist-item{min-width:calc(33.333% - 14px);padding:18px}.playlist-slider-nav{display:flex}.playlist-item-icon{font-size:36px}.playlist-item-name{font-size:15px}.playlist-item-meta{font-size:13px}.playlist-item-play{width:44px;height:44px;font-size:15px}}@media (min-width: 768px) and (max-width: 1279px){.playlist-slider{padding:40px 24px}.playlist-slider-header{margin-bottom:32px}.playlist-slider-title{font-size:28px}.playlist-slider-subtitle{font-size:14px}.playlist-slider-scroll{gap:16px}.playlist-item{min-width:calc(50% - 8px);padding:16px}.playlist-slider-nav{display:flex;width:36px;height:36px}.playlist-item-icon{font-size:32px}.playlist-item-name{font-size:14px}.playlist-item-meta{font-size:12px}.playlist-item-play{width:40px;height:40px;font-size:14px}}@media (min-width: 480px) and (max-width: 767px){.playlist-slider{padding:32px 0}.playlist-slider-header{margin-bottom:24px;padding:0 16px}.playlist-slider-title{font-size:24px}.playlist-slider-subtitle{font-size:13px}.playlist-slider-scroll{gap:12px;padding:8px 16px}.playlist-item{min-width:calc(100% - 32px);padding:14px}.playlist-slider-nav{display:none}.playlist-item-icon{font-size:28px}.playlist-item-name{font-size:13px}.playlist-item-meta{font-size:11px}.playlist-item-play{width:38px;height:38px;font-size:13px}.playlist-slider-indicator{width:6px;height:6px}.playlist-slider-indicator.active{width:20px}}@media (max-width: 479px){.playlist-slider{padding:12px 0}.playlist-slider-header{margin-bottom:20px;padding:0 12px}.playlist-slider-title{font-size:20px}.playlist-slider-subtitle{font-size:12px}.playlist-slider-scroll{gap:10px;padding:8px 12px}.playlist-item{min-width:calc(100% - 24px);padding:12px;gap:10px}.playlist-slider-nav{display:none}.playlist-item-icon{font-size:26px}.playlist-item-name{font-size:12px}.playlist-item-meta{font-size:10px}.playlist-item-play{width:36px;height:36px;font-size:12px}.playlist-slider-indicators{gap:6px;margin-top:12px}.playlist-slider-indicator{width:5px;height:5px}.playlist-slider-indicator.active{width:16px}}.quick-access-section{width:100%}.quick-access-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.quick-access-card{position:relative;border-radius:12px;overflow:hidden;min-height:180px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 12px #0000001a}.quick-access-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0003,#0009);z-index:1}.quick-access-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.quick-access-title{position:relative;z-index:2;font-size:24px;font-weight:700;margin:0 0 8px;line-height:1.2}.quick-access-subtitle{position:relative;z-index:2;font-size:14px;font-weight:500;margin:0;opacity:.9}@media (min-width: 768px) and (max-width: 1279px){.quick-access-grid{grid-template-columns:repeat(2,1fr);gap:16px}.quick-access-card{min-height:160px;padding:16px}.quick-access-title{font-size:26px}.quick-access-subtitle{font-size:13px}}@media (max-width: 767px){.quick-access-grid{grid-template-columns:1fr;gap:12px}.quick-access-card{min-height:140px;padding:16px;border-radius:8px}.quick-access-title{font-size:20px}.quick-access-subtitle{font-size:12px}}.featured-video-section{margin-bottom:40px}.featured-video-section .category-header{display:flex;align-items:center;gap:16px;margin-bottom:40px;position:relative}.featured-video-section .category-title{font-size:24px;font-weight:800;color:#0f3a7d;margin:0}.featured-video-section .category-badge{background-color:#fbbf24;color:#000;padding:4px 12px;border-radius:25px;font-size:12px;font-weight:500;letter-spacing:.5px}.featured-video-section .see-all{display:block;margin-left:auto;color:#059669;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;background:none;border:none;padding:0;transition:color .3s ease}.featured-video-section .see-all:hover{color:#059669;text-decoration:underline}.featured-video-section .videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.featured-video-section .video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.featured-video-section .video-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.featured-video-section .video-thumbnail{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}.featured-video-section .video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.featured-video-section .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#ffffffe6;border:none;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease}.featured-video-section .play-button:hover{background-color:#fff;transform:translate(-50%,-50%) scale(1.1)}.featured-video-section .video-info{padding:16px}.featured-video-section .video-title{font-size:18px;font-weight:700;color:#0f3a7d;margin:0 0 8px;line-height:1.4}.featured-video-section .video-author{font-size:12px;color:#6b7280;margin:0 0 12px}.featured-video-section .video-stats{display:flex;gap:12px;font-size:12px;color:#6b7280}@media (max-width: 1280px) and (min-width: 1024px){.featured-video-section .videos-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (max-width: 1023px) and (min-width: 768px){.featured-video-section .category-title{font-size:20px}.featured-video-section .videos-grid{grid-template-columns:repeat(2,1fr);gap:20px}.featured-video-section .play-button{width:40px;height:40px;font-size:16px}}@media (max-width: 767px){.featured-video-section{margin-bottom:24px}.featured-video-section .category-header{margin-bottom:20px}.featured-video-section .category-title{font-size:18px}.featured-video-section .videos-grid{grid-template-columns:1fr;gap:16px}.featured-video-section .play-button{width:40px;height:40px;font-size:16px}.featured-video-section .video-info{padding:12px}.featured-video-section .video-title{font-size:16px}.featured-video-section .video-author{font-size:11px}}@media (max-width: 480px){.featured-video-section{margin-bottom:16px}.featured-video-section .category-header{gap:12px;margin-bottom:16px}.featured-video-section .category-title{font-size:16px}.featured-video-section .category-badge{font-size:11px;padding:3px 10px}.featured-video-section .see-all{font-size:12px}.featured-video-section .videos-grid{grid-template-columns:1fr;gap:12px}.featured-video-section .video-card{border-radius:8px}.featured-video-section .play-button{width:35px;height:35px;font-size:14px}.featured-video-section .video-info{padding:10px}.featured-video-section .video-title{font-size:12px;margin-bottom:6px}.featured-video-section .video-author{font-size:10px;margin-bottom:8px}.featured-video-section .video-stats{gap:10px;font-size:10px}}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.video-modal-container{background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background-color:#0009;color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1001}.video-modal-close:hover{background-color:#000c}.video-modal-content{display:flex;flex-direction:column;height:100%;position:relative}.video-modal-title{padding:20px;margin:0;font-size:18px;font-weight:600;color:#0f3a7d;border-bottom:1px solid #e5e7eb}.video-modal-player{flex:1;position:relative;background-color:#000;min-height:400px}.video-modal-player iframe{display:block;width:100%;height:100%}@media (max-width: 1023px){.video-modal-container{max-width:100%;max-height:85vh}.video-modal-player{min-height:350px}.video-modal-title{padding:16px;font-size:16px}.video-modal-close{width:32px;height:32px;font-size:20px;top:12px;right:12px}}@media (max-width: 767px){.video-modal-overlay{padding:16px}.video-modal-container{max-height:80vh;border-radius:8px}.video-modal-player{min-height:300px}.video-modal-title{padding:14px;font-size:14px}.video-modal-close{width:28px;height:28px;font-size:18px;top:10px;right:10px}}@media (max-width: 480px){.video-modal-overlay{padding:12px}.video-modal-container{max-height:75vh;border-radius:6px}.video-modal-player{min-height:250px}.video-modal-title{padding:12px;font-size:13px}.video-modal-close{width:24px;height:24px;font-size:16px;top:8px;right:8px}}.translation-demo{width:100%;background:#fff;border-radius:16px;overflow:hidden}.translation-demo__container{display:flex;flex-direction:column;gap:32px;padding:40px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.translation-demo__header{text-align:center;border-bottom:2px solid #e5e7eb;padding-bottom:24px}.translation-demo__header h2{font-size:32px;font-weight:800;color:#0f3a7d;margin:0 0 8px;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.translation-demo__header p{font-size:16px;color:#6b7280;margin:0}.translation-demo__selector{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.translation-demo__selector label{font-weight:600;color:#374151;white-space:nowrap}.translation-demo__post-selector{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.translation-demo__post-selector label{font-weight:600;color:#374151;white-space:nowrap}.translation-demo__loading{font-size:14px;color:#6b7280;margin:0;font-weight:500}.translation-demo__select{flex:1;min-width:200px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;background-color:#fff;cursor:pointer;transition:all .3s ease}.translation-demo__select:hover{border-color:#059669}.translation-demo__select:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.translation-demo__select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.translation-demo__controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.translation-demo__btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.translation-demo__btn--primary{background:linear-gradient(135deg,#0f3a7d,#059669);color:#fff}.translation-demo__btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0f3a7d4d}.translation-demo__btn--primary:disabled{opacity:.6;cursor:not-allowed}.translation-demo__btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.translation-demo__btn--secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.translation-demo__error{padding:16px;background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:8px;color:#7f1d1d;font-size:14px;line-height:1.6}.translation-demo__content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.translation-demo__section{padding:24px;border-radius:12px;border:2px solid #e5e7eb;background:#fff}.translation-demo__section h3{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.translation-demo__section--original{border-color:#dbeafe;background:#f0f9ff}.translation-demo__section--translated{border-color:#dcfce7;background:#f0fdf4}.translation-demo__article-header{display:flex;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.translation-demo__emoji{font-size:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:50px;background:#fff;border-radius:8px}.translation-demo__article-header h4{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 4px}.translation-demo__meta{font-size:12px;color:#6b7280;margin:0;font-weight:500}.translation-demo__text{font-size:14px;line-height:1.8;color:#374151;margin:0;text-align:justify}.translation-demo__placeholder{font-size:14px;color:#9ca3af;font-style:italic;text-align:center;padding:40px 20px}.translation-demo__languages-info{padding:24px;background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border-radius:12px;border:2px solid #e5e7eb}.translation-demo__languages-info h4{font-size:16px;font-weight:700;color:#0f3a7d;margin:0 0 16px}.translation-demo__languages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.translation-demo__language-tag{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;background:#fff;border-radius:8px;border:1px solid #d1d5db;text-align:center}.translation-demo__language-tag strong{font-size:13px;color:#1f2937}.translation-demo__language-tag span{font-size:11px;color:#6b7280;margin-top:2px}.translation-demo__setup{padding:24px;background:#fef3c7;border-radius:12px;border-left:4px solid #f59e0b}.translation-demo__setup h4{font-size:16px;font-weight:700;color:#92400e;margin:0 0 12px}.translation-demo__setup ol{margin:0;padding-left:24px;color:#92400e}.translation-demo__setup li{margin-bottom:8px;line-height:1.6;font-size:14px}.translation-demo__loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.translation-demo__spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#059669;border-radius:50%;animation:translation-demo-spin .8s linear infinite}@keyframes translation-demo-spin{to{transform:rotate(360deg)}}.translation-demo__loader-text{font-size:14px;color:#6b7280;font-weight:500;margin:0;text-align:center}.translation-demo__setup a{color:#d97706;font-weight:600;text-decoration:none}.translation-demo__setup a:hover{text-decoration:underline}.translation-demo__setup code{background:#0000001a;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}@media (max-width: 1024px){.translation-demo__container{padding:32px;gap:24px}.translation-demo__content{grid-template-columns:1fr}.translation-demo__header h2{font-size:28px}}@media (max-width: 768px){.translation-demo__container{padding:24px;gap:20px}.translation-demo__header{padding-bottom:16px}.translation-demo__header h2{font-size:24px}.translation-demo__header p{font-size:14px}.translation-demo__selector{flex-direction:column;align-items:stretch}.translation-demo__selector label{margin-bottom:-8px}.translation-demo__select{min-width:unset}.translation-demo__controls{flex-direction:column}.translation-demo__btn{width:100%}.translation-demo__section{padding:16px}.translation-demo__section h3{font-size:16px}.translation-demo__article-header{flex-direction:column;gap:12px}.translation-demo__emoji{width:40px;height:40px;font-size:24px}.translation-demo__languages-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.translation-demo__container{padding:16px;gap:16px}.translation-demo__header h2{font-size:20px}.translation-demo__section{padding:12px}.translation-demo__section h3,.translation-demo__article-header h4{font-size:14px}.translation-demo__text{font-size:13px;line-height:1.6}.translation-demo__languages-grid{grid-template-columns:1fr}.translation-demo__setup h4{font-size:14px}.translation-demo__setup li{font-size:13px}}.survey-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#2d6a7bf2;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden}body.survey-open{overflow:hidden}.survey-container{background:#fff;border-radius:12px;width:100%;max-width:480px;padding:35px 40px;box-shadow:0 20px 60px #00000080;max-height:90vh;overflow-y:auto;min-height:auto;position:relative;z-index:10000}.survey-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px;padding-bottom:15px;border-bottom:2px solid #e5f0f7}.survey-header h1{color:#2d6a7b;font-size:26px;font-weight:700;margin:0;white-space:nowrap}.survey-close{background:none;border:none;color:#2d6a7b;font-size:28px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;flex-shrink:0}.survey-close:hover{transform:scale(1.15) rotate(90deg)}.survey-form{display:flex;flex-direction:column;gap:20px}.survey-question{display:flex;flex-direction:column;gap:12px}.survey-label{color:#2d6a7b;font-size:15px;font-weight:700;margin:0;line-height:1.3}.survey-options{display:flex;flex-direction:column;gap:10px}.radio-option,.checkbox-option{display:flex;align-items:center;gap:12px;cursor:pointer;color:#2d6a7b;font-size:14px;transition:all .2s ease;padding:10px 12px;border-radius:6px;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none;border:2px solid transparent}.radio-option:hover,.checkbox-option:hover{background:#4a90e21a;border-color:#4a90e24d}.radio-option input[type=radio]:checked+span,.checkbox-option input[type=checkbox]:checked+span{color:#10b981;font-weight:600}.radio-option input[type=radio]:checked,.checkbox-option input[type=checkbox]:checked{background-color:#10b981!important}.radio-option:has(input[type=radio]:checked),.checkbox-option:has(input[type=checkbox]:checked){background:#10b9811a;border-color:#10b981}input[type=radio]{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin:0;transition:all .2s ease;border:2px solid #cbd5e1;border-radius:50%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;position:relative;accent-color:#10b981}input[type=radio]:hover{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}input[type=radio]:checked{background-color:#10b981;border-color:#10b981;box-shadow:inset 0 0 0 3px #fff}input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#10b981;flex-shrink:0;margin:0;transition:all .2s ease;border:2px solid #cbd5e1;border-radius:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;position:relative}input[type=checkbox]:hover{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}input[type=checkbox]:checked{background-color:#10b981;border-color:#10b981;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100% 100%}input[type=radio]:focus,input[type=checkbox]:focus{outline:2px solid #10b981;outline-offset:2px}.survey-error{color:#dc2626;font-size:13px;background:#fee2e2;padding:8px 12px;border-radius:6px;margin:-5px 0 5px;border-left:3px solid #dc2626}.survey-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.survey-skip{background:#e5e7eb;color:#2d6a7b;border:2px solid #cbd5e1;padding:11px 25px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;width:auto;order:1}.survey-skip:hover:not(:disabled){background:#d1d5db;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.survey-skip:disabled{opacity:.6;cursor:not-allowed}.survey-submit{background:#10b981;color:#fff;border:2px solid #059669;padding:11px 25px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;width:auto;order:2}.survey-submit:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.survey-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.survey-container{padding:20px 25px;border-radius:8px;max-width:95vw}.survey-header h1{font-size:20px}.survey-label{font-size:14px}.radio-option,.checkbox-option{font-size:12px;padding:8px 10px;gap:10px}input[type=radio],input[type=checkbox]{width:18px;height:18px}.survey-buttons{gap:8px}.survey-skip,.survey-submit{padding:9px 18px;font-size:13px;flex:1;min-width:80px}}.survey-container::-webkit-scrollbar{width:8px}.survey-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.survey-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.survey-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.service-card{background:var(--neutral-white);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);transition:all var(--transition-base);text-align:center;display:flex;flex-direction:column;align-items:center}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary-light)}.service-card__icon{font-size:3rem;margin-bottom:var(--space-md)}.service-card__title{font-size:1.25rem;color:var(--neutral-900);margin-bottom:var(--space-md)}.service-card__description{color:var(--neutral-700);margin-bottom:var(--space-lg);flex:1;line-height:1.6}.service-card__link{color:var(--primary-navy);font-weight:600;transition:all var(--transition-fast);text-decoration:none}.service-card__link:hover{color:var(--primary-blue);transform:translate(4px)}.doctors-grid,.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.cta-section{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--secondary-green) 100%);color:var(--neutral-white)}.cta-container{display:flex;align-items:center;justify-content:center;min-height:300px}.cta-content{text-align:center;max-width:700px}.cta-content h2{font-size:2.5rem;margin-bottom:var(--space-md);color:var(--neutral-white)}.cta-content p{font-size:1.1rem;margin-bottom:var(--space-2xl);color:#ffffffe6}.cta-buttons{display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap}.cta-btn{min-width:180px}.section-cta{display:flex;justify-content:center;margin-top:var(--space-2xl)}@media (min-width: 1280px){.services-grid,.doctors-grid,.feed-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.services-grid,.doctors-grid,.feed-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.services-grid,.doctors-grid,.feed-grid{grid-template-columns:1fr}.cta-content h2{font-size:1.8rem}.cta-content p{font-size:1rem}.cta-buttons{flex-direction:column}.cta-btn{width:100%}}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.about-card{background:linear-gradient(135deg,var(--primary-light) 0%,rgba(219,234,254,.5) 100%);padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);border:1px solid var(--neutral-200)}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.about-card__icon{font-size:3rem;margin-bottom:var(--space-md)}.about-card__title{font-size:1.5rem;color:var(--neutral-900);margin-bottom:var(--space-md)}.about-card__description{color:var(--neutral-700);line-height:1.6;font-size:.95rem}.story-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.story-content p{color:var(--neutral-700);line-height:1.8;font-size:1rem;margin-bottom:var(--space-lg)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.team-member{text-align:center;padding:var(--space-lg);background:var(--neutral-50);border-radius:var(--radius-lg);transition:all var(--transition-base)}.team-member:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--neutral-white)}.team-member__avatar{font-size:4rem;margin-bottom:var(--space-md)}.team-member__name{font-size:1.1rem;color:var(--neutral-900);margin-bottom:var(--space-sm)}.team-member__role{color:var(--primary-navy);font-weight:600;margin-bottom:var(--space-md);font-size:.9rem}.team-member__bio{color:var(--neutral-700);font-size:.9rem;line-height:1.5}.values-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.value-item{background:var(--neutral-white);padding:var(--space-lg);border-radius:var(--radius-lg);border-left:4px solid var(--primary-navy)}.value-item h4{color:var(--neutral-900);margin-bottom:var(--space-md);font-size:1.1rem}.value-item p{color:var(--neutral-700);line-height:1.6;margin:0;font-size:.95rem}@media (min-width: 1280px){.about-grid{grid-template-columns:repeat(3,1fr)}.team-grid{grid-template-columns:repeat(4,1fr)}.story-content{grid-template-columns:1fr 1fr}.values-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.about-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.story-content,.values-list{grid-template-columns:1fr}}@media (max-width: 480px){.about-grid,.team-grid{grid-template-columns:1fr;gap:var(--space-md)}.team-member__info h3{font-size:14px}.team-member__info p{font-size:12px}.values-list{grid-template-columns:1fr;gap:var(--space-md)}.value-item h4{font-size:14px}.value-item p{font-size:12px}}@media (max-width: 640px){.about-grid,.team-grid{grid-template-columns:1fr}.story-content p{font-size:.95rem}.value-item{border-left-width:3px;padding:var(--space-md)}.value-item h4{font-size:1rem}}.doctor-card{background:var(--neutral-white);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm);height:100%;display:flex;flex-direction:column}.doctor-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary-light)}.doctor-card__image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:linear-gradient(135deg,var(--primary-light) 0%,var(--neutral-100) 100%)}.doctor-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.doctor-card:hover .doctor-card__image{transform:scale(1.05)}.doctor-card__content{padding:var(--space-lg);display:flex;flex-direction:column;flex:1}.doctor-card__name{font-size:1.25rem;color:var(--neutral-900);margin-bottom:var(--space-sm);line-height:1.3}.doctor-card__specialty{font-size:.95rem;color:var(--primary-navy);font-weight:600;margin-bottom:var(--space-xs)}.doctor-card__experience{font-size:.9rem;color:var(--neutral-600);margin-bottom:var(--space-md)}.doctor-card__bio{flex:1;margin-bottom:var(--space-md)}.doctor-card__bio p{font-size:.95rem;color:var(--neutral-700);line-height:1.5;margin:0}.doctor-card__rating{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:.9rem}.rating-stars{display:flex;align-items:center;gap:var(--space-sm)}.stars{color:#fbbf24;font-size:1rem}.rating-value{font-weight:600;color:var(--neutral-900)}.reviews-count{color:var(--neutral-600);font-size:.85rem}.doctor-card__button{background-color:var(--primary-navy);color:var(--neutral-white);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);width:100%}.doctor-card__button:hover{background-color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 640px){.doctor-card__content{padding:var(--space-md)}.doctor-card__name{font-size:1.1rem}.doctor-card__bio p{font-size:.9rem}.doctor-card__button{padding:var(--space-sm) var(--space-md);font-size:.95rem}}.filter-section{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.filter-section h3{font-size:1.25rem;color:var(--neutral-900)}.filter-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap}.doctors-grid-full{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.benefit-card{background:var(--neutral-50);padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);border:1px solid var(--neutral-200)}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--neutral-white)}.benefit-card__icon{font-size:2.5rem;margin-bottom:var(--space-md);display:inline-block}.benefit-card__title{font-size:1.1rem;color:var(--neutral-900);margin-bottom:var(--space-md)}.benefit-card__description{color:var(--neutral-700);line-height:1.6;font-size:.95rem;margin:0}@media (min-width: 1280px){.doctors-grid-full,.benefits-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.doctors-grid-full,.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.doctors-grid-full,.benefits-grid{grid-template-columns:1fr}.filter-buttons{flex-direction:column}.filter-buttons .btn{width:100%}}@media (max-width: 480px){.doctors-header h1{font-size:20px}.doctors-grid-full,.benefits-grid{grid-template-columns:1fr;gap:var(--space-md)}.filter-buttons{flex-wrap:wrap;gap:var(--space-sm)}.filter-buttons .btn{flex:1;min-width:100px;font-size:12px;padding:8px 12px}}.feed-card{background:var(--neutral-white);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%}.feed-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--primary-light)}.feed-card__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--neutral-100);gap:var(--space-md)}.feed-card__meta{display:flex;gap:var(--space-sm);align-items:center}.feed-card__type{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.feed-card__type-video{background-color:#fecaca;color:#7f1d1d}.feed-card__type-article{background-color:#bfdbfe;color:#1e3a8a}.feed-card__category{padding:.25rem .75rem;background-color:var(--primary-light);color:var(--primary-navy);border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.feed-card__bookmark{background:none;border:none;font-size:1.2rem;cursor:pointer;transition:transform var(--transition-fast);opacity:.6}.feed-card__bookmark:hover,.feed-card__bookmark.active{opacity:1;transform:scale(1.2)}.feed-card__thumbnail{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform var(--transition-base)}.feed-card:hover .feed-card__thumbnail{transform:scale(1.03)}.feed-card__content{padding:var(--space-lg);display:flex;flex-direction:column;flex:1}.feed-card__title{font-size:1.1rem;font-weight:600;color:var(--neutral-900);margin-bottom:var(--space-sm);line-height:1.4;min-height:2.2em}.feed-card__description{color:var(--neutral-700);font-size:.95rem;line-height:1.5;margin-bottom:var(--space-md);flex:1}.feed-card__footer{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--neutral-100)}.feed-card__author-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);font-size:.9rem}.feed-card__author{font-weight:600;color:var(--primary-navy)}.feed-card__date{color:var(--neutral-500);font-size:.85rem}.feed-card__stats{display:flex;gap:var(--space-lg);font-size:.9rem;color:var(--neutral-600)}.stat{display:flex;align-items:center;gap:.25rem}.feed-card__action{margin-top:auto}@media (max-width: 640px){.feed-card__content{padding:var(--space-md)}.feed-card__title{font-size:1rem}.feed-card__description{font-size:.9rem;margin-bottom:var(--space-sm)}.feed-card__stats{gap:var(--space-md);font-size:.85rem}.feed-card__author-info{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}.feed-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl);padding:var(--space-xl);background:var(--neutral-50);border-radius:var(--radius-lg)}.search-box{display:flex;align-items:center;grid-column:1 / -1}.search-input{width:100%;padding:var(--space-md) var(--space-lg);font-size:1rem;border:2px solid var(--neutral-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--primary-navy);box-shadow:0 0 0 3px #1e40af1a}.categories-filter h4{margin-bottom:var(--space-md);font-size:1rem;color:var(--neutral-900)}.category-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.feed-grid-full{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.no-results{text-align:center;padding:var(--space-3xl) var(--space-lg);background:var(--neutral-50);border-radius:var(--radius-lg);color:var(--neutral-700);font-size:1.1rem}.featured-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.featured-section{background:linear-gradient(135deg,var(--primary-light) 0%,rgba(219,234,254,.5) 100%);padding:var(--space-xl);border-radius:var(--radius-lg);border:2px solid var(--primary-navy);position:relative;transition:all var(--transition-base)}.featured-section:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.featured-section__badge{display:inline-block;background-color:var(--primary-navy);color:var(--neutral-white);padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;margin-bottom:var(--space-md)}.featured-section__title{font-size:1.25rem;color:var(--neutral-900);margin-bottom:var(--space-md);line-height:1.3}.featured-section__description{color:var(--neutral-700);margin-bottom:var(--space-lg);line-height:1.6;font-size:.95rem}@media (min-width: 1280px){.feed-grid-full,.featured-sections{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.feed-controls{grid-template-columns:1fr}.feed-grid-full,.featured-sections{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.feed-controls{padding:var(--space-md)}.feed-grid-full,.featured-sections{grid-template-columns:1fr}.category-buttons{gap:var(--space-xs)}.category-buttons .btn{font-size:.85rem;padding:.5rem .75rem}.featured-section{padding:var(--space-lg)}.featured-section__title{font-size:1.1rem}}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:start}.contact-info{display:flex;flex-direction:column;gap:var(--space-2xl)}.contact-items{display:flex;flex-direction:column;gap:var(--space-lg)}.contact-item{display:flex;gap:var(--space-lg);padding:var(--space-lg);background:var(--neutral-50);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid var(--neutral-200)}.contact-item:hover{background:var(--neutral-white);box-shadow:var(--shadow-md)}.contact-item__icon{font-size:2rem;flex-shrink:0}.contact-item__content h4{margin:0 0 var(--space-sm) 0;color:var(--neutral-900)}.contact-item__content p{margin:0 0 .25rem;color:var(--neutral-700);font-size:.95rem}.contact-item__content p:last-child{margin-bottom:0}.contact-item__content a{color:var(--primary-navy);text-decoration:none;font-weight:500}.contact-item__content a:hover{color:var(--primary-blue)}.social-links{display:flex;gap:var(--space-md);flex-wrap:wrap}.social-links a{display:inline-block;padding:.5rem 1rem;background-color:var(--primary-navy);color:var(--neutral-white);border-radius:var(--radius-md);text-decoration:none;font-size:.9rem;transition:all var(--transition-fast)}.social-links a:hover{background-color:var(--primary-blue);transform:translateY(-2px)}.contact-form-wrapper{position:sticky;top:100px}.contact-form{background:var(--neutral-white);padding:var(--space-2xl);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);box-shadow:var(--shadow-md)}.contact-form h3{font-size:1.5rem;color:var(--neutral-900);margin-bottom:var(--space-sm)}.contact-form>p{color:var(--neutral-700);margin-bottom:var(--space-lg);font-size:.95rem}.success-message{background-color:#d1fae5;border-left:4px solid var(--success);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);color:#065f46;font-weight:500}.success-message p{margin:0}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--neutral-900);font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:var(--space-md);border:1px solid var(--neutral-300);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-navy);box-shadow:0 0 0 3px #1e40af1a}.form-group textarea{resize:vertical;min-height:150px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.faq-item{background:var(--neutral-white);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);transition:all var(--transition-base)}.faq-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-item h4{color:var(--neutral-900);margin-bottom:var(--space-md);font-size:1.05rem}.faq-item p{color:var(--neutral-700);line-height:1.6;font-size:.95rem;margin:0}@media (min-width: 1280px){.contact-container{grid-template-columns:1fr 1fr;gap:var(--space-3xl)}.contact-form-wrapper{position:sticky;top:180px}.faq-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.contact-container{grid-template-columns:1fr;gap:var(--space-2xl)}.contact-form-wrapper{position:static}.faq-grid{grid-template-columns:1fr}}@media (max-width: 640px){.contact-container{gap:var(--space-xl)}.contact-form{padding:var(--space-lg)}.contact-form h3{font-size:1.25rem}.contact-item{flex-direction:column;gap:var(--space-md)}.contact-item__icon{font-size:1.5rem}}.mental-health-page{background-color:#fff;min-height:100vh}.conditions-hero{background:linear-gradient(135deg,#1e40afcc,#059669cc),linear-gradient(135deg,#1e40af,#059669);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:80px;gap:40px;position:relative;overflow:hidden;min-height:400px;object-fit:cover;object-position:center}.conditions-hero__content{z-index:2;max-width:600px}.conditions-hero h1{font-size:100px;font-weight:800;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}.conditions-hero p{font-size:22px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.conditions-container{position:relative;max-width:1280px;margin:0 auto;padding:60px 40px}.conditions-title-section{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;flex-direction:column}.conditions-title{font-size:48px;font-weight:900;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0;letter-spacing:-.5px;line-height:1.2}.condition-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:60px}.condition-card{background-color:#f3f4f6;border:none;border-radius:16px;padding:24px 16px;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;min-height:200px;position:relative;overflow:hidden}.condition-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff4d;z-index:1;transition:all .3s ease;filter:none}.condition-card.active:before{background-color:transparent;filter:brightness(2.2) grayscale(1) contrast(1.1)}.condition-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.condition-card.active{box-shadow:0 12px 32px #00000026}.condition-card__overlay{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative;z-index:2;justify-content:flex-end}.condition-card.active .condition-card__overlay{text-shadow:none}.condition-card__name{font-size:22px;font-weight:700;color:#fff}.condition-card.active .condition-card__name{color:#0f3a7d;font-weight:800}.condition-card__subtitle{font-size:16px;color:#ffffffe6}.condition-card.active .condition-card__subtitle{color:#0f3a7d}.condition-details-main{background:#fff;border-radius:24px;padding:32px;position:relative;border:3px solid;border-image:linear-gradient(135deg,#0f3a7d,#059669) 1}.condition-details-header{background:#fff;border-radius:24px;padding:24px;position:relative;border:3px solid;border-image:linear-gradient(135deg,#0f3a7d,#059669) 1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.condition-header-content{display:flex;align-items:flex-start;gap:12px;flex:1}.condition-header-icon{font-size:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#0f3a7d,#059669);width:48px;height:48px;border-radius:12px}.condition-header-text{display:flex;flex-direction:column;gap:4px}.condition-header-title{font-size:20px;font-weight:700;color:#0f3a7d;margin:0}.condition-header-description{font-size:13px;color:#9ca3af;margin:0}.condition-toggle{font-size:16px;color:#9ca3af;flex-shrink:0;cursor:pointer}.condition-badge{margin-left:auto;background-color:transparent;color:#9ca3af;padding:0;border-radius:0;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.featured-subcondition{margin-bottom:32px;background:#fff;border-radius:24px;padding:24px;position:relative;border:3px solid;border-image:linear-gradient(135deg,#0f3a7d,#059669) 1}.featured-header{display:flex;flex-direction:column;gap:12px;cursor:pointer;background:linear-gradient(90deg,#0f3a7d,#059669);color:#fff;padding:20px 24px;border-radius:12px;margin-bottom:16px}.featured-badge{display:inline-block;background:#fff3;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;width:fit-content}.featured-header h4{font-size:18px;font-weight:700;color:#fff;margin:0}.featured-icon{font-size:24px;flex-shrink:0}.featured-text{flex:1}.featured-text h4{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}.featured-text p{font-size:14px;color:#ffffffe6;margin:0}.expand-icon{font-size:16px;color:#fff;flex-shrink:0}.subtopics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.subtopic-item{background:#f3f4f6;padding:20px 16px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.subtopic-left h5{font-size:14px;font-weight:600;color:#9ca3af;margin:0}.subtopic-badge{background-color:transparent;color:#9ca3af;padding:0;border-radius:0;font-size:12px;font-weight:500;white-space:nowrap}.conditions-accordion{display:flex;flex-direction:column;gap:16px;margin-top:24px}.accordion-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0f3a7d,#059669);border-radius:12px;flex-shrink:0;object-fit:cover}.accordion-content{padding:20px 24px 20px 88px;background-color:#fff;border-top:1px solid #e5e7eb}.accordion-featured{margin-bottom:20px}.accordion-featured-header{display:flex;flex-direction:column;gap:12px;background:linear-gradient(90deg,#0f3a7d,#059669);color:#fff;padding:16px 20px;border-radius:12px;margin-bottom:16px}.accordion-featured-badge{display:inline-block;background:#fff3;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;width:fit-content;letter-spacing:.5px}.accordion-featured-header h5{font-size:18px;font-weight:700;color:#fff;margin:0}.accordion-subtopics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:0}.accordion-subtopic-item{background:#f3f4f6;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:8px;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.accordion-subtopic-item:not(.disabled):hover{background:linear-gradient(90deg,#1e3a8a,#10b981);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.accordion-subtopic-item:not(.disabled):hover .accordion-subtopic-title,.accordion-subtopic-item:not(.disabled):hover .accordion-subtopic-status{color:#fff}.accordion-subtopic-item.active{background:linear-gradient(90deg,#1e3a8a,#10b981);border-color:#0f3a7d}.accordion-subtopic-item.active .accordion-subtopic-title,.accordion-subtopic-item.active .accordion-subtopic-status{color:#fff}.accordion-subtopic-item.disabled{opacity:.6;cursor:not-allowed}.accordion-subtopic-item.disabled:hover{background:#f3f4f6;transform:none;box-shadow:none}.accordion-subtopic-item.mdd-enabled{color:#1e3a8a}.accordion-subtopic-item.mdd-enabled .accordion-subtopic-title,.accordion-subtopic-item.mdd-enabled .accordion-subtopic-status{color:#1e3a8a;font-weight:700}.accordion-subtopic-item.mdd-enabled:hover{background:linear-gradient(90deg,#1e3a8a,#10b981);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.accordion-subtopic-item.mdd-enabled:hover .accordion-subtopic-title,.accordion-subtopic-item.mdd-enabled:hover .accordion-subtopic-status{color:#fff}.accordion-subtopic-item.mdd-enabled.active{background:linear-gradient(90deg,#1e3a8a,#10b981);border-color:#0f3a7d}.accordion-subtopic-item.mdd-enabled.active .accordion-subtopic-title,.accordion-subtopic-item.mdd-enabled.active .accordion-subtopic-status{color:#fff}.accordion-subtopic-title{font-size:22px;font-weight:600;color:#9ca3af;margin:0;transition:color .3s ease}.accordion-subtopic-status{font-size:18px;color:#9ca3af;margin:0;transition:color .3s ease}.accordion-other-subconditions{display:flex;flex-direction:column;gap:12px}.subcon-item{padding:12px 0;border-bottom:1px solid #e5e7eb}.subcon-item:last-child{border-bottom:none}.subcon-title{font-size:14px;font-weight:600;color:#0f3a7d;margin:0 0 4px}.subcon-subtitle{font-size:12px;color:#9ca3af;margin:0}@media (min-width: 1280px){.conditions-hero{padding:80px;gap:40px;min-height:450px;background-attachment:scroll;background-position:center right;object-position:center right}.conditions-hero h1{font-size:100px}.conditions-hero p{font-size:22px}.conditions-container{padding:60px 40px}.conditions-title-section{margin-bottom:40px}.back-button-container{position:absolute;left:0;display:flex;justify-content:flex-start;width:100%}.back-btn{position:static;left:auto}.condition-cards{grid-template-columns:repeat(5,1fr);gap:16px}.condition-card{min-height:200px}.condition-card__name{font-size:20px}.condition-details-main{padding:32px}.subtopics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px) and (max-width: 1279px){.conditions-hero{padding:50px 40px;gap:32px;min-height:400px;background-attachment:scroll;background-position:right center;object-position:right center}.conditions-hero h1{font-size:50px}.conditions-hero p{font-size:20px}.conditions-container{padding:40px 24px}.conditions-title{font-size:38px;margin-bottom:32px;text-align:center;display:block;width:100%}.conditions-title-section{margin-bottom:32px;flex-direction:column}.back-button-container{width:100%;display:flex;justify-content:flex-start}.back-btn{position:absolute;left:24px;padding:10px 16px;font-size:12px}.condition-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:48px}.condition-card{padding:16px 12px;min-height:160px}.condition-card__name{font-size:18px}.condition-details-main{padding:20px}.condition-header-title{font-size:20px}.featured-subcondition{padding:16px}.subtopics-grid{grid-template-columns:1fr;gap:12px}.subtopic-item{padding:16px 12px}.accordion-header{padding:16px 20px}.accordion-icon{width:40px;height:40px;font-size:28px;object-fit:cover}.accordion-header-left{gap:12px}.accordion-header h4{font-size:15px}.accordion-header p{font-size:12px}.accordion-content{padding-left:76px}.accordion-subtopics-grid{grid-template-columns:1fr;gap:12px}.featured-icon{font-size:20px}.featured-text h4{font-size:14px}.featured-text p{font-size:11px}.featured-header{gap:12px;padding:16px 20px;border-radius:8px}.featured-header h4{font-size:16px}.subcon-item{padding:8px 0}.subcon-title{font-size:12px}.subcon-subtitle{font-size:10px}}@media (max-width: 767px){.conditions-hero{padding:32px 20px;gap:24px;min-height:500px;background-attachment:scroll;background-position:center;object-position:center;justify-content:center;text-align:center}.conditions-hero h1{font-size:50px}.conditions-hero p{font-size:20px}.conditions-hero__content{max-width:100%;margin-top:-150px}.conditions-container{padding:24px 12px}.conditions-title-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-bottom:24px;position:relative;width:100%}.back-button-container{position:relative;left:auto;width:100%;display:flex;justify-content:flex-start;margin-bottom:16px;padding-left:0}.back-btn{position:static;left:auto;padding:10px 16px;font-size:12px}.conditions-title{font-size:28px;margin:0;display:block;text-align:center;width:100%}.condition-cards{display:flex;flex-direction:row;overflow-x:auto;gap:12px;margin-bottom:32px;padding:8px 0;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.condition-cards::-webkit-scrollbar{height:4px}.condition-cards::-webkit-scrollbar-track{background:#f0f0f0;border-radius:2px}.condition-cards::-webkit-scrollbar-thumb{background:#10b981;border-radius:2px}.condition-card{padding:12px;min-height:140px;min-width:85%;flex-shrink:0;scroll-snap-align:start}.condition-card__name,.condition-card__subtitle{font-size:16px}.condition-details-main{padding:12px;border-radius:12px}.condition-header-title{font-size:16px}.condition-header-description{font-size:12px}.condition-badge{font-size:9px}.featured-subcondition{margin-bottom:20px}.featured-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:8px}.featured-header h4{font-size:16px}.featured-badge{display:inline-block;background:#fff3;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;width:fit-content}.featured-icon{font-size:20px}.featured-text h4{font-size:14px}.featured-text p{font-size:11px}.subtopics-grid,.accordion-subtopics-grid{grid-template-columns:1fr;gap:12px}.subtopic-item{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.accordion-header{padding:12px}.accordion-header h4{font-size:15px}.accordion-header p{font-size:12px}.accordion-icon{width:40px;height:40px;font-size:28px;object-fit:cover}.accordion-content{padding:12px}.accordion-subtopic-item{padding:12px 16px;font-size:13px}.accordion-subtopic-title{font-size:18px;font-weight:600}.accordion-subtopic-status{font-size:12px}.subcon-item{padding:8px 0}.subcon-title{font-size:12px}.subcon-subtitle{font-size:10px}}@media (max-width: 479px){.condition-cards{gap:10px;padding:6px 0}.condition-card{min-width:90%;min-height:130px;padding:10px}.condition-card__name{font-size:18px}.condition-card__subtitle{font-size:14px}}.mdd-page{background-color:#fff;min-height:100vh}.mdd-hero{background:url(/assets/slider-3-CV8UXY6H.jpg) center/cover no-repeat;background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:80px;gap:40px;position:relative;overflow:hidden;min-height:400px}.mdd-hero__content{z-index:2;max-width:600px}.mdd-hero h1{font-size:90px;font-weight:800;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}.mdd-hero p{font-size:18px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.mdd-container{position:relative;max-width:1280px;margin:0 auto;padding:60px 40px}.mdd-title-section{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;position:relative}.mdd-section{margin-bottom:50px}.mdd-section h2{font-size:28px;font-weight:700;color:#0f3a7d;margin:0 0 20px;line-height:1.3}.mdd-section p{font-size:16px;color:#6b7280;line-height:1.8;margin:0}.symptoms-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.symptoms-list li{padding:12px 16px;background:#f3f4f6;border-left:4px solid #10b981;border-radius:4px;color:#374151;font-size:14px;line-height:1.6}.mdd-description-section{margin-bottom:50px}.mdd-title{font-size:48px;font-weight:bolder;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 40px;text-align:center;letter-spacing:-.5px;line-height:1.2}.mdd-description-items{display:flex;flex-direction:column;gap:20px}.mdd-description-item{display:grid;grid-template-columns:30% 70%;gap:30px;align-items:center;background:#f1f3ec;border-radius:16px;padding:30px;transition:all .3s ease}.mdd-description-item:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.mdd-description-item--right{grid-template-columns:70% 30%}.mdd-description-icon{display:flex;align-items:center;justify-content:center;width:100%;height:150px}.mdd-icon-placeholder{font-size:64px;display:flex;align-items:center;justify-content:center}.mdd-icon-image{width:100%;height:100%;object-fit:contain}.mdd-description-text{flex:1}.mdd-description-text p{margin:0;color:#374151;font-size:24px;line-height:1.8;letter-spacing:.3px}.mdd-bullet-list{list-style:disc;margin:0;padding-left:24px;display:flex;flex-direction:column;gap:20px}.mdd-bullet-list li{color:#374151;font-size:16px;line-height:1.8}.mdd-callout-box{padding:24px;display:flex;align-items:center;gap:20px;justify-content:center;font-family:swis721,sans-serif;border-bottom:3px solid;border-image:linear-gradient(115deg,#376590 15.39%,#1f945d 87.2%) 1}.mdd-callout-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100px;height:100px}.mdd-callout-icon-img{width:95px;height:95px;object-fit:contain}.mdd-callout-text{color:#1c3770;font-size:22px;font-weight:700;margin:0;line-height:1.5;font-family:swis721,sans-serif}.mdd-references{padding-top:30px}.mdd-references ol{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:12px;word-wrap:break-word}.mdd-references li{color:#000;font-size:16px;margin:0;line-height:1.5}.mdd-references a{color:#000;text-decoration:none}.mdd-references a:hover{text-decoration:none}.mdd-awareness-section{margin-top:60px;margin-bottom:40px;text-align:center}.mdd-awareness-title{font-size:48px;font-weight:700;margin:0 0 30px;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.mdd-awareness-video{color:#10b981}.mdd-video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.mdd-video-card:hover{box-shadow:0 8px 24px #0000001f}.mdd-video-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}.mdd-video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.8}.mdd-video-badge{position:absolute;top:12px;left:12px;background:#fbbf24;color:#1f2937;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:700;z-index:2;text-transform:capitalize}.mdd-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease;padding:0;width:80px;height:80px;border-radius:50%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mdd-play-button:hover{background:#ffffff59}.mdd-video-duration{position:absolute;bottom:12px;right:12px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;z-index:2}.mdd-video-info{padding:20px 24px;background:#fff}.mdd-video-title{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 16px;line-height:1.5}.mdd-video-engagement{display:flex;align-items:center;gap:24px}.mdd-engagement-item{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:14px;font-weight:500}.mdd-engagement-icon{font-size:16px}.mdd-engagement-count{color:#374151}.mdd-share-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.mdd-share-btn:hover{color:#10b981}.mdd-myths-facts-section{margin-top:60px;margin-bottom:40px}.mdd-myths-facts-title{font-size:48px;font-weight:700;margin:0 0 40px;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;text-align:center}.mdd-myths-facts-highlight{background:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mdd-myths-facts-container{display:flex;flex-direction:column;gap:24px}.mdd-myth-fact-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;padding:24px}.mdd-myth-box{background:#fff0f0;border-radius:12px;padding:20px;transition:all .3s ease}.mdd-myth-box:hover{box-shadow:0 4px 12px #ec489926;transform:translateY(-2px)}.mdd-fact-box{background:#c0e8b3;border-radius:12px;padding:20px;transition:all .3s ease}.mdd-fact-box:hover{box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.mdd-myth-fact-image-container{display:flex;justify-content:space-around;gap:40px;margin-bottom:24px}.mdd-myth-fact-image{display:flex;align-items:center;gap:12px;border:3px solid #999;border-radius:12px;padding:20px;width:300px;text-align:center;justify-content:center;font-family:swis721,sans-serif;font-size:26px;font-weight:700;box-shadow:0 0 0 1px #0000001a;transition:all .3s ease}.mdd-myth-fact-image:first-child{border-color:#666;border-radius:12px}.mdd-myth-fact-image:last-child{border-color:#00953e;border-radius:12px;font-family:swis721,sans-serif;font-size:26px;color:#00953e}.mdd-myth-badge,.mdd-fact-badge{display:inline-block;color:#fff;padding:10px;border-radius:25px;font-size:16px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;position:absolute;margin-top:-45px}.mdd-myth-badge,.mdd-fact-badge{background:#fff}.mdd-myth-text{color:#6b4a6a;font-size:20px;font-weight:600;line-height:1.6;margin:0}.mdd-fact-text{color:#065f46;font-size:20px;font-weight:500;line-height:1.6;margin:0}.mdd-callout-box-2{background:#f0fdf4;border:2px solid #0F5A4F;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;margin:50px 0 40px}.mdd-callout-icon-2{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px}.mdd-callout-text-2{color:#0f5a4f;font-size:18px;font-weight:600;margin:0;line-height:1.5}.mdd-references-2{margin-top:40px;padding:30px 0 0;border-top:2px solid #0F5A4F}.mdd-references-2 ol{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:12px}.mdd-references-2 li{color:#6b7280;font-size:14px;line-height:1.6}.mdd-references-2 a{color:#0f5a4f;text-decoration:none}.mdd-references-2 a:hover{text-decoration:underline}.mdd-dos-donts-section{margin-top:60px;margin-bottom:40px;text-align:center}.mdd-dos-donts-title{font-size:32px;font-weight:700;margin:0 0 40px;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.mdd-donts-highlight{background:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mdd-dos-donts-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.mdd-dos-box{background:#d1fae5;border-radius:12px;padding:24px;text-align:left}.mdd-donts-box{background:#fce7f3;border-radius:12px;padding:24px;text-align:left}.mdd-dos-badge,.mdd-donts-badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:8px 16px;border-radius:24px;margin-bottom:16px;white-space:nowrap}.mdd-dos-badge{background:#10b981;color:#fff}.mdd-donts-badge{background:#6b7280;color:#fff}.mdd-dos-list,.mdd-donts-list{list-style:disc;margin:0;padding-left:24px;display:flex;flex-direction:column;gap:12px}.mdd-dos-list li,.mdd-donts-list li{color:#1f2937;font-size:14px;line-height:1.6}.mdd-callout-box-3{background:#f0fdf4;border:2px solid #0F5A4F;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;margin:40px 0}.mdd-callout-icon-3{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px}.mdd-callout-text-3{color:#0f5a4f;font-size:18px;font-weight:600;margin:0;line-height:1.5}.mdd-references-3{margin-top:40px;padding:30px 0 0;border-top:2px solid #0F5A4F}.mdd-references-3 ol{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:12px;text-align:left}.mdd-references-3 li{color:#6b7280;font-size:14px;line-height:1.6}.mdd-references-3 a{color:#0f5a4f;text-decoration:none}.mdd-references-3 a:hover{text-decoration:underline}.mdd-music-therapy-section{margin-top:60px;margin-bottom:40px}.mdd-music-therapy-header{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.mdd-music-therapy-title{font-size:32px;font-weight:700;margin:0;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;gap:12px}.music-therapy-container{display:flex;flex-direction:column;gap:24px}.player-title{font-size:18px;font-weight:800;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-bar{width:100%;height:4px;background-color:#fff3;border-radius:2px;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:35%;background-color:#fbbf24;border-radius:2px}.playlist-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;min-height:100px}.playlist-item:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a;transform:translateY(-4px)}.playlist-item.active{background:#f0fdf4;border-color:#10b981}.playlist-icon{font-size:32px;flex-shrink:0}.playlist-info{flex:1;min-width:0}.playlist-name{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-meta{font-size:13px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-play{width:42px;height:42px;background:#f3f4f6;border:none;border-radius:50%;color:#1f2937;cursor:pointer;font-size:18px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.playlist-play:hover,.playlist-item.active .playlist-play{background:#10b981;color:#fff}@media (min-width: 1280px){.mdd-hero{padding:60px;gap:32px;min-height:420px;background-attachment:scroll;background-position:center right;background-size:cover;object-position:center right;display:flex;align-items:center;justify-content:flex-start}.mdd-hero h1{font-size:80px;font-weight:800;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.2)}.mdd-hero p{font-size:16px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.mdd-container{padding:60px 40px}.mdd-section h2{font-size:28px}.mdd-section p{font-size:16px}.symptoms-list{grid-template-columns:repeat(2,1fr);gap:15px}.symptoms-list li{padding:12px 16px;font-size:14px}.contact-btn{padding:14px 32px;font-size:16px}.mdd-music-cards-grid,.playlist{grid-template-columns:repeat(4,1fr)}.mdd-now-playing-card{gap:40px}.mdd-fact-text,.mdd-fact-text p,.mdd-myth-text,.mdd-myth-text p{font-size:20px}}@media (min-width: 768px) and (max-width: 1279px){.mdd-hero{padding:40px 30px;gap:24px;min-height:320px;background-attachment:scroll;background-position:center right;background-size:cover;object-position:center right;display:flex;align-items:center;justify-content:center}.mdd-hero h1{font-size:32px;font-weight:800;margin:0 0 10px;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.25)}.mdd-hero p{font-size:13px;margin:0;opacity:.92;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.2)}.mdd-container{padding:40px 24px}.mdd-title-section{gap:30px;margin-bottom:32px}.back-button-container{width:100%;display:flex;justify-content:flex-start}.back-btn{position:absolute;left:24px;padding:10px 16px;font-size:12px}.mdd-title{font-size:38px;margin-bottom:32px}.mdd-description-item{grid-template-columns:30% 70%;gap:24px;padding:24px}.mdd-description-item--right{grid-template-columns:70% 30%}.mdd-description-icon{height:180px}.mdd-icon-placeholder{font-size:52px}.mdd-description-text p{font-size:22px}.mdd-music-cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.mdd-now-playing-card{gap:24px;flex-direction:column}.mdd-progress-bar{width:150px}}@media (max-width: 767px){.mdd-hero{padding:20px 14px;gap:10px;min-height:200px;background-attachment:scroll;background-position:center center;background-size:cover;object-position:center;justify-content:center;align-items:center;text-align:center;flex-direction:column;display:flex}.mdd-hero h1{font-size:16px;font-weight:800;margin:0 0 6px;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.3);word-break:break-word}.mdd-hero p{font-size:9px;margin:0;opacity:.9;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.2);max-width:95%}.mdd-hero__content{max-width:100%;width:100%;padding:0}.mdd-container{padding:24px 12px}.mdd-title-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;margin-bottom:24px;position:relative;width:100%}.back-button-container{position:relative;left:auto;width:100%;display:flex;justify-content:flex-start;padding-left:0}.back-btn{position:static;left:auto;padding:10px 16px;font-size:12px}.mdd-description-title{font-size:18px;margin-bottom:20px}.mdd-description-item{grid-template-columns:80px 1fr;gap:16px;padding:16px}.mdd-description-item--right{grid-template-columns:1fr 80px}.mdd-description-icon{height:170px}.mdd-icon-placeholder{font-size:40px}.mdd-description-text p{font-size:18px;line-height:1.6}.mdd-section{margin-bottom:32px}.mdd-section h2{font-size:20px;margin:0 0 16px}.mdd-section p{font-size:13px}.symptoms-list{grid-template-columns:1fr;gap:8px}.symptoms-list li{padding:10px 12px;font-size:12px}.contact-btn{padding:12px 24px;font-size:14px}.mdd-music-cards-grid{grid-template-columns:1fr;gap:12px}.mdd-now-playing-card{gap:16px;flex-direction:column;padding:16px}.mdd-music-therapy-title{font-size:24px}.mdd-now-playing-title{font-size:18px}.mdd-now-playing-label{font-size:10px}.mdd-vinyl-record{width:60px;height:60px}.mdd-vinyl-dot{width:16px;height:16px}.mdd-progress-bar{width:120px}.mdd-myth-fact-pair{grid-template-columns:1fr;gap:12px}.mdd-dos-donts-title{font-size:20px;margin-bottom:24px;display:block;text-align:center}.mdd-dos-donts-container{grid-template-columns:1fr;gap:16px;padding:16px}.mdd-dos-box,.mdd-donts-box{padding:16px}.mdd-dos-badge,.mdd-donts-badge{font-size:12px;padding:6px 12px;margin-bottom:12px}.mdd-dos-list,.mdd-donts-list{font-size:13px;padding-left:16px;gap:8px}.mdd-dos-list li,.mdd-donts-list li{line-height:1.5}.mdd-myth-fact-image-container{display:none}.mdd-myth-box{margin-bottom:16px}.mdd-callout-text{font-size:16px}.mdd-title{font-size:28px;margin-bottom:16px}.mdd-fact-text,.mdd-fact-text p,.mdd-myth-text,.mdd-myth-text p{font-size:16px}}.hero-section{position:relative;width:100%;color:#fff;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;min-height:400px;background-size:cover;background-position:center right;background-attachment:scroll}.hero-section__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#00000080,#0000004d,#0000);z-index:1}.hero-section__content{position:relative;z-index:2;max-width:600px;padding:80px;display:flex;flex-direction:column;gap:12px}.hero-section__title{font-size:90px;font-weight:800;margin:0;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:-.5px}.hero-section__subtitle{font-size:18px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.hero-section__back-container{position:absolute;top:20px;left:20px;z-index:3}.hero-section__back-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;padding:12px 24px;border-radius:24px;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.hero-section__back-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.hero-section--gradient{background:linear-gradient(135deg,#1c3770,#00953e)}.hero-section--gradient .hero-section__overlay{background:linear-gradient(90deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.1) 50%,transparent 100%)}@media (min-width: 1280px){.hero-section{padding:60px;gap:32px;min-height:420px}.hero-section__content{padding:60px;max-width:600px}.hero-section__title{font-size:80px;font-weight:800;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero-section__subtitle{font-size:16px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.hero-section__back-btn{padding:12px 24px;font-size:14px}}@media (min-width: 768px) and (max-width: 1279px){.hero-section{padding:40px 30px;gap:24px;min-height:320px;background-position:center right;justify-content:center;align-items:center}.hero-section__content{padding:40px;max-width:500px;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.hero-section__title{font-size:42px;font-weight:800;margin:0 0 10px;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.25)}.hero-section__subtitle{font-size:14px;margin:0;opacity:.92;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.2)}.hero-section__back-btn{position:absolute;left:24px;top:20px;padding:10px 16px;font-size:12px}}@media (max-width: 767px){.hero-section{padding:20px 14px;gap:10px;min-height:600px;background-position:center center;justify-content:center;align-items:center;text-align:center;flex-direction:column}.hero-section__content{padding:20px 0;max-width:100%;width:100%;text-align:center;margin-top:-250px}.hero-section__title{font-size:50px;font-weight:800;margin:0 0 6px;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.3);word-break:break-word;letter-spacing:-.3px}.hero-section__subtitle{font-size:12px;opacity:.9;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.2);max-width:95%;margin:0 auto}.hero-section__back-container{top:12px;left:12px}.hero-section__back-btn{position:static;padding:10px 14px;font-size:11px}}.music-therapy-section{margin-top:60px;margin-bottom:40px}.music-therapy-section__header{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.music-therapy-section__title{font-size:48px;font-weight:700;margin:0;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.music-therapy-section__container{display:flex;flex-direction:column;gap:24px}.music-therapy__player{background:linear-gradient(135deg,#1a3f5c,#0d7f6a);border-radius:20px;padding:32px;color:#fff;width:100%}.music-therapy__player-header{font-size:12px;font-weight:700;letter-spacing:1.2px;color:#a3d5ff;margin-bottom:24px;text-transform:uppercase}.music-therapy__player-content{display:flex;gap:24px;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;min-height:120px}.music-therapy__vinyl{width:100px;height:100px;border:4px solid #fbbf24;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent)}.music-therapy__vinyl-center{width:40px;height:40px;background-color:#fbbf24;border-radius:50%}.music-therapy__info{display:flex;flex-direction:column;gap:4px;min-width:200px;flex-shrink:0}.music-therapy__info-title{font-size:18px;font-weight:800;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-therapy__info-artist{font-size:12px;opacity:.85;margin:0;color:#d0d0d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-therapy__progress{flex:1;display:flex;align-items:center;min-width:150px}.music-therapy__progress-bar{width:100%;height:4px;background-color:#fff3;border-radius:2px;position:relative;overflow:hidden}.music-therapy__progress-bar:after{content:"";position:absolute;left:0;top:0;height:100%;width:35%;background-color:#fbbf24;border-radius:2px}.music-therapy__controls{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.music-therapy__control-btn{width:40px;height:40px;background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-family:inherit}.music-therapy__control-btn:hover{background-color:#ffffff40}.music-therapy__control-btn--play{background-color:#fbbf24;color:#000;width:48px;height:48px;font-size:20px}.music-therapy__control-btn--play:hover{background-color:#f59e0b;transform:scale(1.05)}@media (max-width: 1024px){.music-therapy-section{margin-top:48px;margin-bottom:32px}.music-therapy-section__title{font-size:28px}.music-therapy__player{padding:24px}.music-therapy__player-content{gap:16px;min-height:100px}.music-therapy__vinyl{width:80px;height:80px}.music-therapy__vinyl-center{width:32px;height:32px}.music-therapy__info{min-width:160px}.music-therapy__info-title{font-size:16px}.music-therapy__info-artist{font-size:11px}.music-therapy__progress{min-width:120px}.music-therapy__control-btn{width:36px;height:36px;font-size:16px}.music-therapy__control-btn--play{width:44px;height:44px;font-size:18px}}@media (max-width: 768px){.music-therapy-section{margin-top:40px;margin-bottom:28px}.music-therapy-section__title{font-size:24px}.music-therapy__player{padding:20px}.music-therapy__player-content{flex-direction:column;align-items:flex-start;gap:12px;min-height:auto}.music-therapy__vinyl{width:70px;height:70px}.music-therapy__vinyl-center{width:28px;height:28px}.music-therapy__info{min-width:100%;order:2}.music-therapy__progress{min-width:100%;order:3}.music-therapy__controls{min-width:100%;order:4;justify-content:center}.music-therapy__control-btn{width:32px;height:32px;font-size:14px;gap:4px}.music-therapy__control-btn--play{width:40px;height:40px;font-size:16px}}@media (max-width: 480px){.music-therapy-section{margin-top:32px;margin-bottom:20px}.music-therapy-section__title{font-size:20px}.music-therapy__player{padding:16px;border-radius:16px}.music-therapy__player-header{font-size:10px;margin-bottom:16px}.music-therapy__vinyl{width:60px;height:60px}.music-therapy__vinyl-center{width:24px;height:24px}.music-therapy__info-title{font-size:14px}.music-therapy__info-artist{font-size:10px}.music-therapy__progress{min-width:100%}.music-therapy__control-btn{width:28px;height:28px;font-size:12px}.music-therapy__control-btn--play{width:36px;height:36px;font-size:14px}}.section-tabs-container{position:sticky;top:150px;z-index:100;display:flex;justify-content:center;padding:12px 0;margin-bottom:24px;background:#fff;width:100%}.section-tabs{display:flex;gap:12px;overflow-x:auto;padding:0 20px;scroll-behavior:smooth}.section-tabs::-webkit-scrollbar{height:4px}.section-tabs::-webkit-scrollbar-track{background:transparent}.section-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.section-tabs::-webkit-scrollbar-thumb:hover{background:#9ca3af}.section-tab{padding:12px 24px;border:2px solid #10b981;border-radius:6px;background-color:#fff;color:#0f3a7d;font-size:18px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .3s ease;flex-shrink:0;font-family:Myriad,sans-serif}.section-tab:hover{border-color:#059669;background-color:#f0fdf4}.section-tab--active{background:linear-gradient(115deg,#376590 15.39%,#1f945d 87.2%);color:#fff;border-color:transparent}.section-tab--active:hover{background:linear-gradient(115deg,#2d5274 15.39%,#1a7a4f 87.2%)}@media (max-width: 1023px){.section-tab{padding:10px 18px;font-size:13px;gap:8px}.section-tabs{gap:10px;padding:0 16px}}@media (max-width: 767px){.section-tabs-container{top:120px;padding:8px 0}.section-tabs{gap:8px;padding:0 12px}.section-tab{padding:8px 14px;font-size:12px;border-width:1.5px}}@media (max-width: 480px){.section-tabs-container{padding:6px 0}.section-tabs{gap:6px;padding:0 10px}.section-tab{padding:6px 12px;font-size:11px;border-width:1px}.section-tabs-container{box-shadow:0 1px 4px #0000000a}}.mood-page{background-color:#fff;min-height:100vh}.mood-hero{background:linear-gradient(135deg,#1e40afcc,#059669cc),url(/assets/slider-3-CV8UXY6H.jpg) center/cover no-repeat;background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:80px;gap:40px;position:relative;overflow:hidden;min-height:400px}.mood-hero__content{z-index:2;max-width:600px}.mood-hero h1{font-size:90px;font-weight:800;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}.mood-hero p{font-size:18px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.mood-container{position:relative;max-width:1280px;margin:0 auto;padding:60px 40px}.mood-title-section{display:flex;align-items:center;justify-content:center;gap:94px;margin-bottom:40px;position:relative}.back-button-container{position:relative;left:auto;display:flex;justify-content:flex-start;width:100%}.mood-description-section{margin-bottom:50px}.mood-title{font-size:48px;font-weight:700;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 40px;text-align:center;letter-spacing:-.5px;line-height:1.2}.mood-description-items{display:flex;flex-direction:column;gap:20px}.mood-description-item{display:grid;grid-template-columns:120px 1fr;gap:30px;align-items:center;background:#f1f3ec;border-radius:16px;padding:30px;transition:all .3s ease}.mood-description-item:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.mood-description-item--right{grid-template-columns:1fr 120px}.mood-description-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100px}.mood-icon-placeholder{font-size:64px;display:flex;align-items:center;justify-content:center}.mood-icon-image{width:100%;height:100%;object-fit:contain;max-width:180px;max-height:180px}.mood-description-text{flex:1}.mood-description-text p{margin:0;color:#374151;font-size:20px;line-height:1.8;letter-spacing:.3px}.mood-bullet-list{list-style:disc;margin:0;padding-left:24px;display:flex;flex-direction:column;gap:20px}.mood-bullet-list li{color:#374151;font-size:16px;line-height:1.8}.mood-callout-box{border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;justify-content:center;font-family:swis721,sans-serif;margin:50px 0 40px}.mood-callout-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100px;height:100px}.mood-callout-icon-img{width:95px;height:95px;object-fit:contain}.mood-callout-text{color:#0f5a4f;font-size:20px;font-weight:700;margin:0;line-height:1.5;font-family:swis721,sans-serif}.mood-references{padding-top:30px;border-top:1px solid #e5e7eb}.mood-references ol{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:12px}.mood-references li{color:#000;font-size:14px;margin:0;line-height:1.5}.mood-references a{color:#059669;text-decoration:none}.mood-references a:hover{text-decoration:underline}.mood-awareness-section{margin-top:60px;margin-bottom:40px;text-align:center}.mood-awareness-title{font-size:48px;font-weight:700;margin:0 0 30px;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.mood-awareness-video{color:#10b981}.mood-video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.mood-video-card:hover{box-shadow:0 8px 24px #0000001f}.mood-video-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}.mood-video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.8}.mood-video-badge{position:absolute;top:12px;left:12px;background:#fbbf24;color:#1f2937;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:700;z-index:2;text-transform:capitalize}.mood-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease;padding:0;width:80px;height:80px;border-radius:50%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mood-play-button:hover{background:#ffffff59}.mood-video-duration{position:absolute;bottom:12px;right:12px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;z-index:2}.mood-video-info{padding:20px 24px;background:#fff}.mood-video-title{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 16px;line-height:1.5}.mood-video-engagement{display:flex;align-items:center;gap:24px}.mood-engagement-item{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:14px;font-weight:500}.mood-engagement-icon{font-size:16px}.mood-engagement-count{color:#374151}.mood-share-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.mood-share-btn:hover{color:#10b981}.mood-myths-facts-section{margin-top:60px;margin-bottom:40px}.mood-myths-facts-title{font-size:48px;font-weight:700;margin:0 0 40px;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;text-align:center}.mood-myths-facts-highlight{background:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mood-myths-facts-container{display:flex;flex-direction:column;gap:24px}.mood-myth-fact-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;padding:24px}.mood-myth-box{background:#fce7f3;border:2px solid #fbcfe8;border-radius:12px;padding:20px;transition:all .3s ease}.mood-myth-box:hover{box-shadow:0 4px 12px #ec489926;transform:translateY(-2px)}.mood-fact-box{background:#d1fae5;border:2px solid #a7f3d0;border-radius:12px;padding:20px;transition:all .3s ease}.mood-fact-box:hover{box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.mood-myth-fact-image-container{display:flex;justify-content:space-around;gap:40px;margin-bottom:24px}.mood-myth-fact-image{display:flex;align-items:center;gap:12px;border:3px solid #999;border-radius:12px;padding:20px;width:300px;text-align:center;justify-content:center;font-family:swis721,sans-serif;font-size:26px;font-weight:700;box-shadow:0 0 0 1px #0000001a;transition:all .3s ease}.mood-myth-fact-image:first-child{border-color:#666;border-radius:12px}.mood-myth-fact-image:last-child{border-color:#00953e;border-radius:12px;font-family:swis721,sans-serif;font-size:26px;color:#00953e}.mood-myth-badge,.mood-fact-badge{display:inline-block;color:#fff;padding:10px;border-radius:25px;font-size:16px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;position:absolute;margin-top:-45px}.mood-myth-badge,.mood-fact-badge{background:#fff}.mood-myth-text{color:#6b4a6a;font-size:16px;font-weight:600;line-height:1.6;margin:0}.mood-fact-text{color:#065f46;font-size:16px;font-weight:500;line-height:1.6;margin:0}.mood-dos-donts-section{margin-top:60px;margin-bottom:40px;text-align:center}.mood-dos-donts-title{font-size:32px;font-weight:700;margin:0 0 40px;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.mood-donts-highlight{background:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mood-dos-donts-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.do-dont-box--donts{background:#fce7f3}.do-dont-badge--dos{background:#10b981;color:#fff}.do-dont-badge--donts{background:#6b7280;color:#fff}.do-dont-list__item{color:#1f2937;font-size:14px;line-height:1.6}.contact-btn{background:linear-gradient(90deg,#1e3a8a,#10b981);color:#fff;border:none;font-size:16px;font-weight:600;cursor:pointer;padding:14px 32px;border-radius:8px;transition:all .3s ease;margin-top:20px;display:inline-block}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}@media (min-width: 1280px){.mood-hero{padding:60px;gap:32px;min-height:420px;background-attachment:scroll;background-position:center right;background-size:cover;object-position:center right;display:flex;align-items:center;justify-content:flex-start}.mood-hero h1{font-size:80px;font-weight:800;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.2)}.mood-hero p{font-size:16px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.mood-container{padding:60px 40px}.contact-btn{padding:14px 32px;font-size:16px}}@media (min-width: 768px) and (max-width: 1279px){.mood-hero{padding:40px 30px;gap:24px;min-height:320px;background-attachment:scroll;background-position:center right;background-size:cover;object-position:center right;display:flex;align-items:center;justify-content:center}.mood-hero h1{font-size:32px;font-weight:800;margin:0 0 10px;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.25)}.mood-hero p{font-size:13px;margin:0;opacity:.92;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.2)}.mood-container{padding:40px 24px}.mood-title-section{gap:30px;margin-bottom:32px}.back-button-container{width:100%;display:flex;justify-content:flex-start}.back-btn{position:absolute;left:24px;padding:10px 16px;font-size:12px}.mood-title{font-size:22px;margin-bottom:32px}.mood-description-item{grid-template-columns:100px 1fr;gap:24px;padding:24px}.mood-description-item--right{grid-template-columns:1fr 100px}.mood-description-icon{height:80px}.mood-icon-placeholder{font-size:52px}.mood-description-text p{font-size:16px}}@media (max-width: 767px){.mood-hero{padding:20px 14px;gap:10px;min-height:200px;background-attachment:scroll;background-position:center center;background-size:cover;object-position:center;justify-content:center;align-items:center;text-align:center;flex-direction:column;display:flex}.mood-hero h1{font-size:16px;font-weight:800;margin:0 0 6px;line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.3);word-break:break-word}.mood-hero p{font-size:9px;margin:0;opacity:.9;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.2);max-width:95%}.mood-hero__content{max-width:100%;width:100%;padding:0}.mood-container{padding:24px 12px}.mood-title-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;margin-bottom:24px;position:relative;width:100%}.back-button-container{position:relative;left:auto;width:100%;display:flex;justify-content:flex-start;padding-left:0}.back-btn{position:static;left:auto;padding:10px 16px;font-size:12px}.mood-description-title{font-size:18px;margin-bottom:20px}.mood-description-item{grid-template-columns:80px 1fr;gap:16px;padding:16px}.mood-description-item--right{grid-template-columns:1fr 80px}.mood-description-icon{height:70px}.mood-icon-placeholder{font-size:40px}.mood-description-text p{font-size:14px;line-height:1.6}.mood-title{font-size:22px;margin-bottom:32px}.mood-myth-fact-pair{grid-template-columns:1fr;gap:12px}.mood-dos-donts-title{font-size:20px;margin-bottom:24px;display:block;text-align:center}.mood-dos-donts-container{grid-template-columns:1fr;gap:16px;padding:16px}.do-dont-box{padding:16px}.do-dont-badge{font-size:12px;padding:6px 12px;margin-bottom:12px}.do-dont-list{font-size:13px;padding-left:16px;gap:8px}.do-dont-list__item{line-height:1.5}.mood-myth-fact-image-container{display:none}.mood-myth-box{margin-bottom:16px}.mood-callout-text{font-size:16px}.contact-btn{padding:12px 24px;font-size:14px}}.depression-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;border-radius:24px;min-height:320px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;text-align:center;gap:1rem;position:relative}.depression-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.depression-card:active{transform:translateY(-2px)}.depression-card-icon-container{position:absolute;width:120px;height:120px;border-radius:50%;background-color:#fffffff2;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;top:-55px}.depression-card-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.depression-card-icon-img{width:70%;height:70%;object-fit:contain}.depression-card-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.75rem}.depression-card-title{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0;line-height:1.4}.depression-card-description{font-size:.95rem;color:#333;margin:0;line-height:1.6;font-weight:400}.depression-card.rtl{direction:rtl;text-align:center}.depression-card.rtl .depression-card-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (min-width: 769px) and (max-width: 1269px){.depression-card{min-height:320px;padding:2rem 1.5rem;gap:1rem}.depression-card-icon-container{width:100px;height:100px}.depression-card-title{font-size:1.25rem}.depression-card-description{font-size:.95rem}}@media (max-width: 768px){.depression-card{min-height:280px;padding:1.5rem 1rem;gap:.75rem}.depression-card-icon-container{width:100px;height:100px}.depression-card-title{font-size:1.1rem}.depression-card-description{font-size:.9rem}}@media (max-width: 480px){.depression-grid-item{margin-bottom:56px}.depression-card{min-height:260px;padding:1.25rem 1rem;gap:.5rem}.depression-card-icon-container{width:90px;height:90px}.depression-card-icon-img{width:65%;height:65%}.depression-card-title{font-size:1rem}.depression-card-description{font-size:.85rem}}.depression-card:focus{outline:2px solid #6ba87b;outline-offset:2px}.depression-grid-container{width:100%;padding:2rem 1rem}.depression-grid-header{text-align:center;margin-bottom:3rem}.depression-grid-title{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem;line-height:1.3}.depression-grid-description{font-size:1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.depression-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1400px;margin:0 auto}.depression-grid-item{width:100%}.depression-grid-container.rtl{direction:rtl;text-align:center}.depression-grid-container.rtl .depression-grid-title,.depression-grid-container.rtl .depression-grid-description{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (max-width: 1024px){.depression-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.depression-grid-title{font-size:1.75rem}}@media (max-width: 768px){.depression-grid-container{padding:1.5rem 1rem}.depression-cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.depression-grid-header{margin-bottom:2rem}.depression-grid-title{font-size:1.5rem}.depression-grid-description{font-size:.95rem}}@media (max-width: 480px){.depression-grid-container{padding:1rem}.depression-cards-grid{grid-template-columns:1fr;gap:1rem}.depression-grid-header{margin-bottom:1.5rem}.depression-grid-title{font-size:1.25rem}.depression-grid-description{font-size:.9rem}}.pattern-card{display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1.5rem;border-radius:20px;min-height:380px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0000001f;position:relative;overflow:hidden}.pattern-card:before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;pointer-events:none}.pattern-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #00000026}.pattern-card:active{transform:translateY(-3px)}.pattern-card:focus{outline:2px solid #2d5a6f;outline-offset:2px}.pattern-card-icon-container{display:flex;justify-content:center;align-items:center;min-height:120px}.pattern-card-icon{max-width:120px;max-height:120px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.pattern-card-content{flex:1;display:flex;flex-direction:column;gap:.75rem;text-align:center}.pattern-card-title{font-size:1.4rem;font-weight:700;color:#1a3a47;margin:0;line-height:1.3}.pattern-card-description{font-size:.95rem;color:#2d2d2d;margin:0;line-height:1.7;font-weight:400}.pattern-card.rtl{direction:rtl}.pattern-card.rtl:before{left:-10%;right:auto}@media (max-width: 768px){.pattern-card{min-height:340px;padding:1.5rem 1.25rem;gap:1.25rem}.pattern-card-icon{max-width:100px;max-height:100px}.pattern-card-title{font-size:1.2rem}.pattern-card-description{font-size:.9rem}}@media (max-width: 480px){.pattern-card{min-height:320px;padding:1.25rem 1rem;gap:1rem}.pattern-card-icon{max-width:90px;max-height:90px}.pattern-card-icon-container{min-height:100px}.pattern-card-title{font-size:1.1rem}.pattern-card-description{font-size:.85rem;line-height:1.6}}.pattern-comparison-container{width:100%;padding:3rem 1rem;max-width:1400px;margin:0 auto}.pattern-comparison-header{text-align:center;margin-bottom:3.5rem}.pattern-comparison-title{font-size:2.2rem;font-weight:700;color:#1a3a47;margin:0 0 1rem;line-height:1.3}.pattern-comparison-subtitle{font-size:1rem;color:#555;max-width:700px;margin:0 auto;line-height:1.6;font-weight:500}.pattern-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;width:100%}.pattern-comparison-item{width:100%}.pattern-comparison-container.rtl{direction:rtl;text-align:center}.pattern-comparison-container.rtl .pattern-comparison-title,.pattern-comparison-container.rtl .pattern-comparison-subtitle{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (max-width: 1024px){.pattern-comparison-container{padding:2.5rem 1rem}.pattern-comparison-grid{gap:2rem}.pattern-comparison-title{font-size:1.9rem}}@media (max-width: 768px){.pattern-comparison-container{padding:2rem 1rem}.pattern-comparison-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}.pattern-comparison-header{margin-bottom:2.5rem}.pattern-comparison-title{font-size:1.6rem}.pattern-comparison-subtitle{font-size:.95rem}}@media (max-width: 640px){.pattern-comparison-container{padding:1.5rem 1rem}.pattern-comparison-grid{grid-template-columns:1fr;gap:1.5rem}.pattern-comparison-header{margin-bottom:2rem}.pattern-comparison-title{font-size:1.4rem}.pattern-comparison-subtitle{font-size:.9rem}}@media (max-width: 480px){.pattern-comparison-container{padding:1rem}.pattern-comparison-grid{gap:1.25rem}.pattern-comparison-header{margin-bottom:1.5rem}.pattern-comparison-title{font-size:1.25rem}.pattern-comparison-subtitle{font-size:.85rem}}@media (min-width: 769px){.pattern-comparison-grid{grid-template-columns:repeat(2,1fr)}.pattern-comparison-item:nth-child(2):before{display:none}}.accordion__item{background:#f9fafb;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease;position:relative}.accordion__item:hover{box-shadow:0 4px 12px #00000014}.accordion__item--expanded{border:4px solid transparent;background-image:linear-gradient(#f9fafb,#f9fafb),linear-gradient(135deg,#1a3f5c,#0d7f6a);background-origin:border-box;background-clip:content-box,border-box;border-radius:16px;box-shadow:0 4px 16px #10b98133}.accordion__header{width:100%;padding:20px 24px;background:#f9fafb;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;text-align:left;font-family:inherit}.accordion__header:hover,.accordion__header--active{background-color:#f3f4f6}.accordion__header-left{display:flex;align-items:center;gap:16px;flex:1;text-align:left}.accordion__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0f3a7d,#059669);border-radius:12px;flex-shrink:0;font-size:1.5rem}.accordion__icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0f3a7d,#059669);border-radius:12px;flex-shrink:0;overflow:hidden}.accordion__icon-image{width:100%;height:100%;object-fit:cover}.accordion__header-text{display:flex;flex-direction:column;gap:4px;align-items:flex-start;flex:1}.accordion__title{font-size:22px;font-weight:700;color:#0f3a7d;margin:0;line-height:1.4}.accordion__description{font-size:18px;color:#9ca3af;margin:0;line-height:1.3;font-weight:400}.accordion__arrow{font-size:24px;color:#9ca3af;transition:transform .3s ease;flex-shrink:0;line-height:1}.accordion__arrow--expanded{transform:rotate(90deg)}.accordion__body{padding:1.75rem;animation:slideDownSmooth .3s ease;background:#fff;position:relative;z-index:2;color:#374151;border-top:1px solid #e5e7eb;overflow:hidden}@media (max-width: 1024px){.accordion{gap:1.25rem}.accordion__header{padding:1.25rem 1.5rem}.accordion__icon{width:44px;height:44px}.accordion__title{font-size:22px}.accordion__description{font-size:16px}.accordion__arrow{font-size:20px}.accordion__body{padding:1.5rem}}@media (max-width: 768px){.accordion{gap:1rem;margin-bottom:2rem}.accordion__header{padding:1rem 1.25rem;gap:12px}.accordion__header-left{gap:12px}.accordion__icon,.accordion__icon-container{width:40px;height:40px}.accordion__title{font-size:14px}.accordion__description{font-size:11px}.accordion__arrow{font-size:18px}.accordion__body{padding:1.25rem}}@media (max-width: 480px){.accordion{gap:.75rem;margin-bottom:1.5rem}.accordion__header{padding:.875rem 1rem}.accordion__header-left{gap:10px}.accordion__icon-circle{width:36px;height:36px;font-size:1.1rem}.accordion__icon,.accordion__icon-container{width:36px;height:36px}.accordion__title{font-size:13px}.accordion__description{font-size:10px}.accordion__arrow{font-size:16px}.accordion__body{padding:1rem}.accordion__item--expanded{border-radius:12px}}.yoga-page{min-height:100vh;background-color:#f9fafb}.yoga-hero{position:relative;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;margin-bottom:3rem}.yoga-hero__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.yoga-hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1}.yoga-hero__content{position:relative;z-index:2;text-align:center;animation:slideUp .8s ease-out}.yoga-hero__content h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.yoga-hero__content p{font-size:1.5rem;font-weight:300;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.yoga-hero__subtitle{font-size:1.1rem;font-weight:400;margin-top:.5rem;opacity:.95}.yoga-container{max-width:1200px;margin:0 auto;padding:0 1.5rem 3rem}.yoga-title-section{display:flex;align-items:center;justify-content:center;gap:94px;margin-bottom:40px;position:relative}.yoga-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;color:#374151;transition:all .3s ease;margin-bottom:2rem}.yoga-back-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translate(-4px)}.accordion{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.accordion-icon-circle{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;transition:all .3s ease}.accordion-icon-circle.yoga-icon{background:linear-gradient(135deg,#0f766e,#14b8a6)}.accordion-icon-circle.coping-icon{background:linear-gradient(135deg,#0f3a7d,#1e40af)}.accordion-icon-circle.mood-icon{background:linear-gradient(135deg,#047857,#059669)}.accordion-header-content{flex:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.accordion-header-text{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.accordion-title{font-weight:700;color:#0f3a7d;line-height:1.4;font-size:16px;margin:0}.accordion-header h4{font-size:16px;font-weight:700;color:#0f3a7d;margin:0}.accordion-header p{font-size:13px;color:#9ca3af;margin:0}.accordion-subtitle{font-size:13px;color:#9ca3af;font-weight:400;line-height:1.3;margin:0}.accordion-chevron{font-size:24px;transition:transform .3s ease;flex-shrink:0;color:#9ca3af;line-height:1}.accordion-header.active .accordion-chevron{transform:rotate(90deg);color:#9ca3af}@media (max-width: 1024px){.yoga-hero{height:350px}.yoga-hero__content h1{font-size:2.8rem}.yoga-hero__content p{font-size:1.2rem}.yoga-hero__subtitle{font-size:1rem}.accordion-header{padding:1.25rem 1.5rem;gap:1.25rem}.accordion-icon-circle{width:48px;height:48px;font-size:1.5rem}.accordion-title{font-size:1rem}.accordion-subtitle{font-size:.9rem}.accordion-chevron{font-size:1.25rem}.accordion-body{padding:1.5rem}}@media (max-width: 768px){.yoga-hero{height:300px}.yoga-hero__content h1{font-size:2rem}.yoga-hero__content p{font-size:1rem}.yoga-hero__subtitle{font-size:.9rem}.accordion-header{padding:1.25rem 1.5rem;gap:1rem}.accordion-icon-circle{width:44px;height:44px;font-size:1.25rem}.accordion-title{font-size:.95rem}.accordion-subtitle{font-size:.85rem}.accordion-body{padding:1.25rem}}@media (max-width: 480px){.yoga-hero{height:250px}.yoga-hero__content h1{font-size:1.5rem}.yoga-hero__content p{font-size:.9rem}.yoga-hero__subtitle{font-size:.8rem}.accordion-header{padding:1rem 1.25rem;gap:.75rem}.accordion-icon-circle{width:40px;height:40px;font-size:1.1rem;border-radius:8px}.accordion-title{font-size:.9rem}.accordion-subtitle{font-size:.8rem}.accordion-chevron{font-size:1.1rem}.accordion-body{padding:1rem}}.section-header{text-align:center;margin-bottom:3rem}.section-content{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-section{background:#fff;padding:2.5rem;border-radius:12px;margin-bottom:3rem;box-shadow:0 1px 3px #00000014}.intro-section h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.intro-section p{font-size:1.05rem;line-height:1.8;color:#4b5563;margin-bottom:2rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.benefit-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 1.5rem;border-radius:12px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #667eea26}.benefit-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.benefit-card h4{font-size:1.1rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.benefit-card p{font-size:.95rem;color:#4b5563}.videos-section{margin-bottom:3rem}.videos-section h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:2rem}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #667eea26}.video-wrapper{position:relative;overflow:hidden;border-radius:12px 12px 0 0}.video-wrapper iframe{display:block;width:100%;border:none}.video-badge{position:absolute;top:1rem;right:1rem;z-index:1}.level-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600}.video-card-content{padding:1.5rem}.video-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.4}.video-instructor,.video-meta{font-size:.9rem;color:#6b7280;margin-bottom:1rem}.benefits-tags{display:flex;flex-wrap:wrap;gap:.5rem}.benefit-tag{background:#f0f4ff;color:#667eea;padding:.35rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600}.strategies-section{margin-bottom:3rem}.strategies-section h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.subtitle{font-size:1rem;color:#6b7280;margin-bottom:2rem}.strategies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.strategy-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 3px #00000014;border-left:4px solid #667eea;transition:transform .3s ease,box-shadow .3s ease}.strategy-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #667eea26}.strategy-card h4{font-size:1.15rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.strategy-card .description{font-size:.95rem;color:#4b5563;margin-bottom:1.5rem;line-height:1.6}.tips-list{font-size:.9rem;color:#374151}.tips-list strong{display:block;margin-bottom:.75rem;color:#1f2937;font-weight:700}.tips-list ul{list-style:none;padding:0}.tips-list li{padding:.4rem 0 .4rem 1.5rem;position:relative;color:#4b5563}.tips-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.tips-section{margin-bottom:3rem}.tips-section h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:2rem;text-align:center}.tips-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.tip-item{background:#fff;padding:1.75rem;border-radius:12px;box-shadow:0 1px 3px #00000014;border-top:4px solid #667eea;transition:transform .3s ease,box-shadow .3s ease}.tip-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #667eea26}.tip-item h4{font-size:1.1rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.tip-item p{font-size:.95rem;color:#4b5563;line-height:1.6}.mood-details-section{margin-bottom:3rem}.mood-selector-horizontal{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #00000014;margin-bottom:2rem}.mood-selector-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem}.moods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem}.mood-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 1rem;border:2px solid #1c3770;border-radius:12px;cursor:pointer;transition:all .3s ease;background:linear-gradient(90deg,#1c3770,#00953e);position:relative;min-height:160px}.mood-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0003;border-color:#00953e}.mood-card.active{border-width:3px;border-color:#00953e;background:linear-gradient(90deg,#0d5c47,#00953e);box-shadow:0 6px 16px #00953e4d}.mood-card-emoji{display:none}.mood-card-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:.5rem}.mood-icon-img{width:100%;height:100%;object-fit:contain}.mood-card-name{font-size:1rem;font-weight:700;color:#fff;text-align:center;letter-spacing:.3px}.mood-exercises-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #00000014}.mood-exercises-section h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem}.exercises-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.exercise-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease;text-align:center}.exercise-card:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-4px)}.exercise-icon{font-size:2rem;margin-bottom:.75rem}.exercise-card h4{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.exercise-duration{font-size:.85rem;color:#9ca3af;margin:0 0 .5rem}.exercise-benefit{font-size:.9rem;color:#6b7280;margin:0;font-weight:500}.pdf-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:0}.pdf-modal-content{background:#fff;border-radius:0;width:100%;height:100vh;display:flex;flex-direction:column;box-shadow:none;animation:slideUp .3s ease-out}.pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.pdf-modal-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.pdf-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;transition:color .3s ease;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.pdf-modal-close:hover{color:#374151}.pdf-modal-body{flex:1;overflow:hidden;display:flex}.pdf-iframe{width:100%;height:100%;border:none}.pdf-modal-footer{padding:1rem;background:#f5f5f5;border-top:1px solid #e5e7eb;display:flex;justify-content:center;gap:1rem}.pdf-close-btn{padding:.75rem 1.5rem;background:#059669;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.pdf-close-btn:hover{background:#047857;transform:translateY(-2px);box-shadow:0 4px 12px #0596694d}.pdf-close-btn:active{transform:translateY(0)}.exercise-icon{font-size:1.5rem;flex-shrink:0}.exercise-content h6{font-size:.95rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.exercise-meta{font-size:.8rem;color:#6b7280;margin:0}.pdf-viewer-container{flex:1;display:flex;flex-direction:column}.pdf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.pdf-header h5{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0}.pdf-fullpage-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280;width:36px;height:36px;border-radius:6px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.pdf-fullpage-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.pdf-iframe{flex:1;border:1px solid #e5e7eb;border-radius:8px;min-height:400px}.mood-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:0}.tab-button{padding:1rem 1.5rem;background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:600;color:#6b7280;border-bottom:3px solid transparent;transition:all .3s ease;margin-bottom:-2px}.tab-button:hover{color:#374151}.tab-button.active{color:#0f3a7d;border-bottom-color:#0f3a7d}.pdf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.pdf-modal-container{background:#fff;border-radius:12px;width:90%;height:90vh;max-width:1200px;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}.pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#fff;border-radius:12px 12px 0 0}.pdf-modal-header h4{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.pdf-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;transition:color .3s ease}.pdf-modal-close:hover{color:#1f2937}.pdf-modal-iframe{flex:1;border:none;border-radius:0 0 12px 12px}@media (max-width: 1024px){.yoga-hero__content h1{font-size:2.5rem}.yoga-hero__content p{font-size:1.25rem}.pdf-sidebar{border-right:none;border-bottom:1px solid #e5e7eb;max-height:300px}.sidebar-content{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:.75rem}.sidebar-item{flex-shrink:0;width:auto;min-width:150px}}@media (max-width: 768px){.yoga-container{padding:0 1rem 2rem}.yoga-hero{height:300px;margin-bottom:2rem}.yoga-hero__content h1{font-size:2rem}.yoga-hero__content p{font-size:1rem}.accordion{gap:1rem;margin-bottom:2.5rem}.accordion-header{padding:1.25rem 1.5rem;font-size:.95rem}.accordion-icon{font-size:1.5rem}.accordion-arrow{font-size:1rem}.accordion-body,.intro-section{padding:1.5rem}.intro-section h3{font-size:1.35rem}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.videos-grid,.strategies-grid,.tips-container{grid-template-columns:1fr}.tip-item{padding:1.25rem}.tip-item h4{font-size:1rem}.sidebar-content{flex-direction:column;overflow-y:auto;max-height:none}.sidebar-item{width:100%;min-width:auto}.mood-viewer-panel{padding:1.5rem;gap:1.5rem}.mood-viewer-header{gap:1rem}.mood-emotion-display{font-size:2rem}.mood-header-title h4{font-size:1.25rem}}@media (max-width: 480px){.yoga-hero__content h1{font-size:1.5rem}.yoga-hero__content p{font-size:.9rem}.benefit-card{padding:1.5rem 1rem}.benefits-grid{grid-template-columns:1fr}.strategy-card{padding:1.25rem}.tips-container{gap:1rem}.tip-item{padding:1rem;border-top-width:3px}.tip-item h4{font-size:.95rem}.tip-item p{font-size:.9rem}.accordion{gap:.875rem;margin-bottom:2rem}.accordion-item{border-radius:12px}.accordion-header{padding:1rem 1.25rem;font-size:.9rem;gap:.75rem}.accordion-icon{font-size:1.35rem}.accordion-arrow{font-size:1rem}.accordion-body{padding:1.25rem}.accordion-title{font-size:.9rem}}.yoga-container{max-width:1200px;margin:0 auto;padding:40px 20px}.yoga-back-btn{display:inline-block;background:none;border:none;color:#0f3a7d;font-size:16px;font-weight:600;cursor:pointer;margin-bottom:40px;transition:all .3s ease;padding:8px 16px;border-radius:8px}.yoga-back-btn:hover{background:#0f3a7d1a;transform:translate(-4px)}.yoga-section{margin-bottom:60px;border-radius:16px;padding:40px}.videos-container{display:grid;grid-template-columns:1fr;gap:48px}.video-item{display:flex;flex-direction:column;gap:16px}.video-title{font-size:22px;font-weight:700;color:#0f3a7d;margin:0}.youtube-embed{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.youtube-embed iframe{width:100%;height:100%;border:none}.mood-modal-overlay{display:none}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.mood-modal-header,.mood-modal-header h3,.mood-modal-close,.mood-modal-close:hover,.mood-modal-content{display:none}.mood-emotion-display{text-align:center;margin-bottom:40px}.emotion-emoji-large{font-size:80px;display:inline-block}.mood-tips-section h4{font-size:18px;font-weight:700;color:#0f3a7d;margin:0 0 24px}.mood-tip-item{display:flex;gap:16px;margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:12px;transition:all .2s ease}.tip-icon{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.mood-tip-item p{margin:0;font-size:14px;color:#4b5563;line-height:1.6;align-self:center}.mood-modal-footer{padding:24px 32px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.mood-close-button{background:#10b981;color:#fff;border:none;padding:12px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.mood-close-button:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.mood-modal-pdf{max-width:900px;max-height:90vh;display:flex;flex-direction:column}.mood-modal-content-pdf{flex:1;display:flex;flex-direction:column;overflow:hidden;max-height:calc(90vh - 140px)}.pdf-viewer-header{padding:24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:16px}.pdf-emotion-display{flex-shrink:0}.pdf-emotion-display .emotion-emoji-large{font-size:48px}.pdf-viewer-header h4{margin:0;font-size:18px;font-weight:700;color:#0f3a7d}.pdf-viewer-container{flex:1;overflow:auto;border-bottom:1px solid #e5e7eb;min-height:300px}.pdf-iframe{width:100%;height:100%;border:none;min-height:300px}.mood-tips-section{padding:24px;background:#fff;max-height:300px;overflow-y:auto}.mood-tips-section h4{font-size:16px;font-weight:700;color:#0f3a7d;margin:0 0 16px}.mood-tip-item{display:flex;gap:12px;margin-bottom:16px;padding:12px;background:#f9fafb;border-radius:8px;transition:all .2s ease}.mood-tip-item:hover{background:#f0fdf4}.tip-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mood-tip-item p{margin:0;font-size:13px;color:#4b5563;line-height:1.5;align-self:center}.mood-details-section{margin-top:40px}.mood-panel-container{display:flex;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;height:1200px}.mood-modal.two-panel{display:flex;width:100%;height:100%;overflow:hidden}.pdf-sidebar{width:320px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{margin:0;font-size:18px;font-weight:700;color:#0f3a7d}.sidebar-content{flex:1;overflow-y:auto;padding:8px 0}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .3s ease;border-left:4px solid #e5e7eb;margin:4px 8px;border-radius:8px}.sidebar-item:hover{background:#f9fafb}.sidebar-item.active{border-left:4px solid;animation:sidebarPulse 2s ease-in-out}@keyframes sidebarPulse{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 12px 4px #10b9814d}}.sidebar-item-icon{font-size:32px;flex-shrink:0;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#f0fdf4;border-radius:8px}.sidebar-item-content{flex:1;min-width:0}.sidebar-item-content h4{margin:0 0 4px;font-size:14px;font-weight:700;color:#0f3a7d}.sidebar-item-meta{margin:0;font-size:12px;color:#9ca3af}.sidebar-item-arrow{color:#d1d5db;font-size:20px;transition:all .3s ease}.sidebar-item.active .sidebar-item-arrow{color:#0f3a7d;transform:translate(4px)}.pdf-viewer-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.pdf-viewer-header-new{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.pdf-emotion-display-new{font-size:48px;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.pdf-header-title h3{margin:0 0 4px;font-size:18px;font-weight:700;color:#0f3a7d}.pdf-header-title p{margin:0;font-size:13px;color:#6b7280}.pdf-viewer-container-new{flex:1;overflow:auto;background:#fff}.pdf-iframe-new{width:100%;height:100%;border:none}@media (max-width: 1280px){.yoga-hero h1{font-size:48px}.yoga-hero p{font-size:18px}.yoga-section{padding:32px}}@media (max-width: 768px){.yoga-hero{min-height:300px;padding:40px 16px}.yoga-hero h1{font-size:36px}.yoga-hero p{font-size:16px}.yoga-container{padding:24px 16px}.yoga-section{padding:24px;margin-bottom:40px}.videos-container{gap:32px}.video-title{font-size:18px}.youtube-embed{aspect-ratio:16 / 9}.mood-button{padding:12px 8px;gap:6px;font-size:12px}.mood-emoji{font-size:20px}.mood-modal{max-width:90%}.mood-modal-pdf{max-height:95vh}.mood-modal-content-pdf{max-height:calc(95vh - 120px)}.pdf-viewer-header{padding:16px}.pdf-viewer-header h4{font-size:16px}.mood-modal.two-panel{max-width:95vw;max-height:90vh}.sidebar-item{padding:10px 12px;margin:3px 6px}.sidebar-item-icon{width:40px;height:40px;font-size:28px}.sidebar-item-content h4{font-size:13px}.sidebar-item-meta{font-size:11px}.pdf-viewer-header-new{padding:16px;gap:12px}.pdf-emotion-display-new{width:50px;height:50px;font-size:40px}.pdf-header-title h3{font-size:16px}.pdf-header-title p{font-size:12px}.mood-panel-container{height:900px}.pdf-sidebar{width:280px}}@media (max-width: 480px){.yoga-hero{min-height:240px;padding:32px 16px}.yoga-hero h1{font-size:28px}.yoga-hero p{font-size:14px}.yoga-container{padding:16px}.yoga-title-section{margin-bottom:24px}.back-btn{font-size:14px;padding:10px 20px}.yoga-back-btn{font-size:14px;margin-bottom:24px}.yoga-section{padding:16px;margin-bottom:32px}.videos-container{gap:24px}.video-title{font-size:16px}.mood-modal-pdf{max-height:95vh}.mood-modal-content-pdf{max-height:calc(95vh - 100px)}.pdf-viewer-header{padding:12px;flex-direction:column;gap:8px}.pdf-viewer-header h4{font-size:14px;margin:0}.pdf-iframe{min-height:250px}.mood-modal.two-panel{max-width:100vw;max-height:95vh}.pdf-sidebar{width:240px}.sidebar-header{padding:16px}.sidebar-header h3{font-size:16px}.yoga-hero{min-height:280px;padding:40px 16px}.yoga-hero h1{font-size:24px}.yoga-hero p{font-size:13px}.yoga-container{padding:12px}.yoga-title-section{margin-bottom:20px}.back-btn{font-size:13px;padding:10px 16px}.yoga-back-btn{font-size:13px;margin-bottom:20px;padding:8px 12px}.yoga-section{padding:12px 0;margin-bottom:24px}.videos-container{gap:16px}.video-item{margin-bottom:12px}.video-title{font-size:14px;margin-bottom:8px}.youtube-embed{aspect-ratio:16 / 9}.mood-details-section{margin-top:20px;padding:0}.mood-panel-container{height:auto;max-height:800px;flex-direction:column;border-radius:12px}.pdf-sidebar{width:100%;height:auto;max-height:200px;border-right:none;border-bottom:2px solid #e5e7eb;overflow-y:auto}.sidebar-header{padding:12px 16px;position:sticky;top:0;background:#fff;z-index:10}.sidebar-header h3{font-size:14px;margin:0}.sidebar-content{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;overflow-x:auto}.sidebar-item{flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;margin:0;gap:4px;border-radius:8px;border-left:3px solid}.sidebar-item-icon{width:40px;height:40px;font-size:28px;margin:0}.sidebar-item-content,.sidebar-item-arrow{display:none}.pdf-viewer-panel{flex:1;display:flex;flex-direction:column;min-height:400px}.pdf-viewer-header-new{padding:12px 16px;gap:8px;flex-direction:column}.pdf-emotion-display-new{width:36px;height:36px;font-size:28px}.pdf-header-title{display:flex;flex-direction:column;gap:2px}.pdf-header-title h3{font-size:14px;margin:0;font-weight:700}.pdf-header-title p{font-size:11px;margin:0;color:#666}.pdf-viewer-container-new{flex:1;width:100%;min-height:300px}.pdf-iframe-new{width:100%;height:100%;border:none}.mood-modal-overlay{display:none}.emotion-emoji-large{font-size:48px}.mood-tips-section h4{font-size:16px}.mood-tip-item{padding:12px;margin-bottom:16px}.mood-tip-item p{font-size:13px}.mood-close-button{padding:10px 32px;font-size:14px}.mood-selector-horizontal{padding:1.5rem}.mood-selector-title{font-size:1.1rem;text-align:center}.moods-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.mood-card{min-height:140px;padding:1rem .75rem}.mood-card-emoji{display:none}.mood-card-name{font-size:.9rem}.mood-exercises-section{padding:1.5rem}.mood-exercises-section h3{font-size:1.1rem}.exercises-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.exercise-card{padding:1rem}.exercise-icon{font-size:1.75rem}.exercise-card h4{font-size:.9rem}.exercise-duration{font-size:.75rem}.exercise-benefit{font-size:.85rem}.pdf-modal-content{max-height:90vh;border-radius:8px}.pdf-modal-header{padding:1rem}.pdf-modal-header h3{font-size:1.1rem}}.music-player{background:linear-gradient(135deg,#1a3f5c,#0d7f6a);border-radius:20px;padding:32px;color:#fff;width:100%}.player-header{font-size:12px;font-weight:700;letter-spacing:1.2px;color:#a3d5ff;margin-bottom:24px;text-transform:uppercase}.player-content{display:flex;gap:24px;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;min-height:120px}.vinyl-record{width:100px;height:100px;border:4px solid #fbbf24;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent)}.vinyl-center{width:40px;height:40px;background-color:#fbbf24;border-radius:50%}.player-info-section{display:flex;flex-direction:column;gap:4px;min-width:200px;flex-shrink:0}.player-title{font-size:18px;font-weight:800;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Myriad Pro,Myriad,sans-serif}.player-artist{font-size:12px;opacity:.85;margin:0;color:#d0d0d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-section{flex:1;display:flex;align-items:center;min-width:150px}.progress-bar{width:100%;height:4px;background-color:#fff3;border-radius:2px;position:relative;overflow:visible;cursor:pointer}.progress-input{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;border-radius:2px;outline:none;border:none}.progress-input::-webkit-slider-track{height:4px;background:linear-gradient(90deg,#fbbf24,#fbbf24 35%,#fff3 35%,#fff3);border-radius:2px}.progress-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background-color:#fbbf24;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #fbbf2466}.progress-input::-moz-range-track{height:4px;background:#fff3;border-radius:2px;border:none}.progress-input::-moz-range-progress{background-color:#fbbf24;height:4px;border-radius:2px}.progress-input::-moz-range-thumb{width:12px;height:12px;background-color:#fbbf24;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #fbbf2466}.player-controls{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.control-btn{width:40px;height:40px;background-color:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover{background-color:#ffffff40}.control-btn.play{background-color:#fbbf24;color:#000;width:48px;height:48px;font-size:20px}.control-btn.play:hover{background-color:#f59e0b;transform:scale(1.05)}.control-btn.play.playing{background-color:#fcd34d}@media (max-width: 1024px){.music-player{padding:24px}.player-content{gap:16px;min-height:100px}.vinyl-record{width:80px;height:80px}.vinyl-center{width:30px;height:30px}.player-title{font-size:16px}.control-btn{width:36px;height:36px;font-size:16px}.control-btn.play{width:44px;height:44px;font-size:18px}}@media (max-width: 768px){.music-player{padding:20px}.player-content{gap:12px;min-height:90px}.vinyl-record{width:70px;height:70px}.vinyl-center{width:25px;height:25px}.player-info-section{min-width:150px}.player-title{font-size:14px}.player-artist{font-size:11px}.progress-section{min-width:100px}.control-btn{width:32px;height:32px;font-size:14px}.control-btn.play{width:40px;height:40px;font-size:16px}}@media (max-width: 480px){.music-player{padding:16px}.player-content{gap:10px;min-height:80px;flex-direction:column;align-items:flex-start}.vinyl-record{width:60px;height:60px}.vinyl-center{width:20px;height:20px}.player-info-section{min-width:100%}.player-title{font-size:13px}.player-artist{font-size:10px}.progress-section{width:100%;min-width:unset}.player-controls{width:100%;justify-content:center;gap:6px}.control-btn{width:28px;height:28px;font-size:12px}.control-btn.play{width:36px;height:36px;font-size:14px}}.therapy-page{background-color:#f9fafb;min-height:100vh;display:flex;flex-direction:column}.therapy-hero{background:linear-gradient(135deg,#1e40afcc,#059669cc),linear-gradient(135deg,#1e40af,#059669);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:80px;gap:40px;position:relative;overflow:hidden;min-height:400px;object-fit:cover;object-position:center}.therapy-hero__content{z-index:2;max-width:600px}.therapy-hero h1{font-size:90px;font-weight:800;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}.therapy-hero p{font-size:18px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.therapy-container{position:relative;max-width:1280px;margin:0 auto;padding:60px 40px 80px;flex:1;width:100%}.therapy-section{margin-top:40px}.therapy-accordion{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.accordion-header:hover{background-color:#f3f4f6}.accordion-header.active{background:linear-gradient(135deg,#1e40af,#059669);color:#fff}.accordion-header.active .accordion-header-text h3{color:#fff}.accordion-header.active .accordion-header-text p{color:#ffffffd9}.accordion-header.active .accordion-icon{color:#fff}.accordion-header-content{display:flex;align-items:left;gap:16px;flex:1;text-align:center}.accordion-header-text{display:flex;flex-direction:column;gap:4px;flex:1;text-align:left}.accordion-header-text h3{font-size:16px;font-weight:700;color:#0f3a7d;margin:0}.accordion-header-text p{font-size:13px;color:#9ca3af;margin:0}.accordion-icon{font-size:24px;color:#9ca3af;transition:all .3s ease;flex-shrink:0;line-height:1;display:inline-block;background:transparent;align-self:center}.accordion-icon.open{transform:rotate(90deg);color:#6b7280}.therapy-videos{margin:0}.therapy-videos h3{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 20px}.videos-container{display:grid;grid-template-columns:1fr;gap:24px;margin-top:16px}.buttons-container{display:flex;flex-direction:column;gap:16px;margin-top:16px}.video-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;background:linear-gradient(135deg,#1e40af,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:Myriad Pro,Myriad,sans-serif;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0f3a7d33}.video-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f3a7d66;background:linear-gradient(135deg,#0f3a7d,#10b981)}.video-button span{display:flex;align-items:center;gap:12px;font-family:Myriad Pro,Myriad,sans-serif}.therapy-music-player{display:flex;justify-content:center;align-items:center;padding:20px 0}.therapy-music-player .music-player{width:100%;max-width:500px}.sleep-buttons-container{display:flex;flex-direction:column;gap:16px;margin-top:16px}.sleep-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;background:linear-gradient(135deg,#1e40af,#059669);color:#fff;border:none;border-radius:12px;font-size:22px;font-weight:600;font-family:Myriad Pro,Myriad,sans-serif;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0f3a7d33}.sleep-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f3a7d66;background:linear-gradient(135deg,#0f3a7d,#10b981)}.sleep-button__icon{font-size:18px}.sleep-button__text{display:flex;align-items:center;gap:12px;font-family:Myriad Pro,Myriad,sans-serif}.video-item{background:#f9fafb;border-radius:12px;overflow:hidden;transition:all .3s ease}.video-heading{font-size:16px;font-weight:700;color:#0f3a7d;padding:16px;margin:0;background:#f9fafb;text-align:left}.video-item:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}.video-info{padding:16px;background:#fff}.video-info h4{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 8px;line-height:1.4}.video-duration{font-size:13px;color:#9ca3af;display:block}@media (max-width: 1024px){.therapy-hero{padding:60px 40px;min-height:350px}.therapy-hero h1{font-size:2.5rem}.therapy-hero p{font-size:1.1rem}.therapy-container{padding:40px 24px 70px}.therapy-accordion{gap:1.25rem}.accordion-header{padding:16px 20px}.accordion-header-text h3{font-size:15px}.accordion-header-text p{font-size:12px}.accordion-body{padding:1.5rem}.videos-container{grid-template-columns:1fr}}@media (max-width: 768px){.therapy-hero{padding:40px 24px;min-height:300px}.therapy-hero h1{font-size:2rem}.therapy-hero p{font-size:1rem}.therapy-container{padding:30px 16px 60px}.therapy-accordion{gap:1rem}.accordion-header{padding:14px 16px;gap:12px}.accordion-header-text h3{font-size:14px}.accordion-header-text p{font-size:12px}.accordion-body{padding:1.25rem}.therapy-videos h3{font-size:16px}.videos-container{grid-template-columns:1fr;gap:16px}.video-info h4{font-size:14px}}@media (max-width: 480px){.therapy-hero{padding:30px 16px;min-height:250px}.therapy-hero h1{font-size:1.5rem}.therapy-hero p{font-size:.875rem}.therapy-container{padding:20px 12px 60px}.therapy-accordion{gap:.75rem;margin-bottom:2rem}.accordion-header{padding:12px;gap:10px}.accordion-header-content{gap:10px}.accordion-header-text h3{font-size:13px}.accordion-header-text p{display:none}.accordion-icon{font-size:20px}.accordion-body{padding:1rem;margin-bottom:0}.therapy-videos h3{font-size:14px}.videos-container{grid-template-columns:1fr;gap:12px}.video-info h4{font-size:12px}.video-duration{font-size:11px}.back-btn{margin-bottom:16px}}.music-therapy-container{padding:30px 20px;max-width:1200px;margin:0 auto}.music-therapy-header{margin-bottom:40px;display:flex;justify-content:space-between;align-items:center}.music-title-section{margin-bottom:0}.music-title{font-size:2.5rem;font-weight:700;font-family:Myriad Pro,Myriad,sans-serif;background:linear-gradient(135deg,#1e40af,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-align:left}.music-arrow-section,.arrow-line,.arrow-image,.back-btn-img{display:none}.music-description{margin-bottom:40px;text-align:left}.music-description h5{font-size:1.1rem;font-family:Myriad Pro,Myriad,sans-serif;color:#333;font-weight:600;margin:0;line-height:1.6}.music-tracks{display:flex;flex-direction:column;gap:30px}.music-tracks .music-player{box-shadow:0 4px 12px #00000014;transition:all .3s ease}.music-tracks .music-player:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}@media (max-width: 1024px){.music-therapy-container{padding:25px 15px}.music-title{font-size:2rem}.back-btn{padding:10px 14px;font-size:13px}}@media (max-width: 768px){.music-therapy-container{padding:20px 12px}.music-title{font-size:1.75rem}.music-description h5{font-size:1rem}.music-therapy-header{flex-direction:column;align-items:flex-start;gap:15px}.back-btn{padding:8px 12px;font-size:12px}.music-tracks{gap:20px}}@media (max-width: 480px){.music-therapy-container{padding:15px 10px}.music-title{font-size:1.5rem}.music-title-section{margin-bottom:0}.music-description h5{font-size:.95rem}.back-btn{padding:8px 12px;font-size:12px}.music-tracks{gap:15px}}.assessment-page{background-color:#f9fafb;min-height:100vh}.assessment-hero{background:linear-gradient(135deg,#1e40afcc,#059669cc),linear-gradient(135deg,#1e40af,#059669);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;color:#fff;display:flex;align-items:center;justify-content:center;padding:80px 40px;position:relative;overflow:hidden;min-height:350px;text-align:center}.assessment-hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:1}.assessment-hero__content{z-index:2;max-width:700px}.assessment-hero h1{font-size:3rem;font-weight:800;margin:0 0 16px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}.assessment-hero p{font-size:18px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.assessment-container{position:relative;max-width:1000px;margin:0 auto 40px;padding:60px 40px}.assessment-section{margin-top:40px}.assessment-buttons-container{display:flex;flex-direction:column;gap:16px;max-width:600px;margin:0 auto}.assessment-button{display:flex;align-items:center;gap:16px;padding:20px 32px;background:#fff;border:3px solid transparent;border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:inherit;text-align:left;font-size:28px;font-weight:600;color:#1f2937;box-shadow:0 2px 8px #0000000d}.assessment-button:hover{background:linear-gradient(135deg,#1a3f5c,#0d7f6a);color:#fff;box-shadow:0 4px 16px #1a3f5c4d;transform:translateY(-2px);border-color:#0d7f6a}.assessment-icon{font-size:28px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:linear-gradient(135deg,#1a3f5c,#0d7f6a);border-radius:12px;color:#fff;flex-shrink:0}.assessment-button:hover .assessment-icon{background:#fff;color:#0d7f6a}.assessment-title{font-size:24px;font-weight:700;white-space:nowrap}@media (max-width: 1024px){.assessment-container{padding:40px 24px}.assessment-hero h1{font-size:2.5rem}}@media (max-width: 768px){.assessment-container{padding:30px 16px}.assessment-hero{padding:60px 24px;min-height:300px}.assessment-hero h1{font-size:2rem}.assessment-hero p{font-size:16px}.assessment-button{padding:16px 24px;gap:12px}.assessment-icon{font-size:24px;min-width:40px;min-height:40px}.assessment-title{font-size:16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-dialog{background:transparent;border-radius:16px;max-width:500px;width:90%;box-shadow:0 10px 40px #0003;overflow:hidden}.modal-dialog-centered{display:flex;align-items:center;justify-content:center}.modal-dialog .modal-content{background:linear-gradient(90deg,#1c3770,#00953e);color:#fff;width:100%;border:none;border-radius:16px;display:flex;flex-direction:column}.modal-header-close{display:none!important}.btn-close{background:none!important;border:none!important;font-size:24px!important;color:#fff!important;cursor:pointer!important;padding:0!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;opacity:.85!important;flex-shrink:0!important}.btn-close:hover{opacity:1!important;transform:scale(1.1)!important}.btn-close:before{content:"✕"!important;font-weight:700!important;line-height:1!important}.modal-header{padding:20px 24px!important;border-bottom:1px solid rgba(255,255,255,.2)!important;background:transparent!important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;gap:16px!important}.modal-title{font-size:22px!important;font-weight:700!important;margin:0!important;color:#fff!important;letter-spacing:.3px!important;flex:1!important;text-align:center!important}.modal-header .btn-close{position:absolute!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important}.modal-body{padding:28px 24px!important;font-size:15px!important;font-weight:400!important;color:#fffffff2!important;line-height:1.7!important;text-align:left!important;max-height:350px!important;overflow-y:auto!important;flex:1!important;background:transparent!important;border:none!important}.modal-body p{margin:0!important;line-height:1.8!important;word-spacing:.5px!important;color:#fffffff2!important}.modal-footer{padding:20px 24px!important;display:flex!important;justify-content:center!important;align-items:center!important;border-top:1px solid rgba(255,255,255,.2)!important;background:transparent!important;border-radius:0!important}.modal-btn-close{display:none!important}.modal-btn-ok{background:#fff!important;border:none!important;color:#1c3770!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;padding:12px 52px!important;border-radius:8px!important;transition:all .3s ease!important;box-shadow:0 2px 8px #00000026!important}.modal-btn-ok:hover{background:#f0f0f0!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #0003!important}.modal-btn-ok:active{transform:translateY(0)!important;box-shadow:0 2px 8px #00000026!important}.depression-test-page{background-color:#f9fafb;min-height:100vh}.test-hero{background:linear-gradient(135deg,#1e40afcc,#059669cc),linear-gradient(135deg,#1e40af,#059669);background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:center;padding:80px 40px;position:relative;overflow:hidden;min-height:300px;text-align:center}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#1e40af,#059669);transition:width .3s ease}.question-number{color:#059669;font-weight:800;flex-shrink:0}.radio-option:hover{background:#f3f4f6;border-color:#d1d5db}.radio-option input[type=radio]{margin-top:4px;cursor:pointer;width:20px;height:20px;flex-shrink:0}.radio-option input[type=radio]:checked~.radio-checkmark{border-color:#059669;background:#059669}.nav-btn-next{background:linear-gradient(135deg,#1e40af,#059669);color:#fff}.nav-btn-next:hover:not(:disabled){box-shadow:0 4px 12px #1e40af4d;transform:translateY(-2px)}.score-value{font-size:48px;font-weight:800;color:#059669;margin:0}.score-ranges li:before{content:"✓ ";color:#059669;font-weight:700;margin-right:8px}.references li:before{content:"• ";color:#059669;font-weight:700;margin-right:8px}.home-btn{width:100%;padding:16px;background:linear-gradient(135deg,#1e40af,#059669);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.home-btn:hover{box-shadow:0 4px 12px #1e40af4d;transform:translateY(-2px)}.anxiety-test-page{background-color:#f9fafb;min-height:100vh}.test-hero{background:linear-gradient(135deg,#1a3f5ccc,#0d7f6acc),linear-gradient(135deg,#1a3f5c,#0d7f6a);background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:center;padding:80px 40px;position:relative;overflow:hidden;min-height:300px;text-align:center}.test-hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:1}.test-hero__content{z-index:2;max-width:700px}.test-hero h1{font-size:3rem;font-weight:800;margin:0 0 16px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}.test-hero p{font-size:18px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.test-container{position:relative;max-width:900px;margin:0 auto 40px;padding:60px 40px}.progress-section{margin-bottom:40px}.progress-bar-wrapper{width:100%;height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#1a3f5c,#0d7f6a);transition:width .3s ease}.progress-text{font-size:14px;color:#6b7280;margin:0;text-align:center}.question-form{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000000d}.question-container{margin-bottom:40px}.question-title{font-size:20px;font-weight:700;color:#0f3a7d;margin:0 0 28px;line-height:1.6;display:flex;gap:12px}.question-number{color:#0d7f6a;font-weight:800;flex-shrink:0}.options-container{display:flex;flex-direction:column;gap:16px}.radio-option{display:flex;align-items:flex-start;gap:16px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#f9fafb}.radio-option:hover{background:#f0f9ff;border-color:#bfdbfe}.radio-option input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;opacity:0;position:absolute;width:0;height:0;cursor:pointer}.radio-checkmark{display:inline-block;width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;position:relative;flex-shrink:0;background:#fff;transition:all .2s ease}.radio-option input[type=radio]:checked~.radio-checkmark{border-color:#0d7f6a;background:#0d7f6a}.radio-option input[type=radio]:checked~.radio-checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.option-label{font-size:15px;color:#374151;line-height:1.5;flex:1}.radio-option input[type=radio]:checked+.radio-checkmark+.option-label{color:#0f3a7d;font-weight:600}.navigation-buttons{display:flex;gap:16px;justify-content:space-between;margin-top:40px;padding-top:40px;border-top:1px solid #e5e7eb}.nav-btn{padding:12px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.nav-btn-prev{background:linear-gradient(135deg,#1a3f5c,#0d7f6a);color:#fff;border:1px solid #0d7f6a}.nav-btn-prev:hover{box-shadow:0 4px 12px #1a3f5c4d;transform:translateY(-2px);border-color:#1a3f5c}.nav-btn-next{background:linear-gradient(135deg,#1a3f5c,#0d7f6a);color:#fff}.nav-btn-next:hover:not(:disabled){box-shadow:0 4px 12px #1a3f5c4d;transform:translateY(-2px)}.nav-btn-next:disabled{opacity:.5;cursor:not-allowed}.results-section{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #0000000d}.results-card{max-width:700px;margin:0 auto}.results-title{font-size:28px;font-weight:800;color:#0f3a7d;margin:0 0 32px;text-align:center}.score-display{background:linear-gradient(135deg,#f0f9ff,#f0fdf4);padding:32px;border-radius:12px;text-align:center;margin-bottom:32px;border:2px solid #e5e7eb}.score-label{font-size:16px;color:#6b7280;margin:0 0 12px}.score-value{font-size:48px;font-weight:800;color:#0d7f6a;margin:0}.result-interpretation{background:linear-gradient(135deg,#f0f9ff,#f0fdf4);padding:24px;border-radius:12px;margin-bottom:32px;border:2px solid #e5e7eb}.result-label{font-size:16px;color:#6b7280;margin:0 0 8px;font-weight:600}.result-value{font-size:20px;color:#0f3a7d;margin:0;font-weight:700}.score-ranges{background:#f9fafb;padding:24px;border-radius:12px;margin-bottom:32px}.score-ranges h3{font-size:16px;font-weight:700;color:#0f3a7d;margin:0 0 16px}.score-ranges ul{margin:0;padding-left:20px;list-style:none}.score-ranges li{font-size:15px;color:#374151;line-height:1.8;margin-bottom:12px}.score-ranges li:before{content:"✓ ";color:#0d7f6a;font-weight:700;margin-right:8px}.about-section{margin-bottom:32px}.about-section h3{font-size:16px;font-weight:700;color:#0f3a7d;margin:0 0 16px}.about-section p{font-size:15px;color:#6b7280;line-height:1.8;margin:0 0 16px;text-align:justify}.about-section p:last-child{margin-bottom:0}.references{background:#f9fafb;padding:24px;border-radius:12px;margin-bottom:32px}.references h3{font-size:16px;font-weight:700;color:#0f3a7d;margin:0 0 16px}.references ul{margin:0;padding-left:20px;list-style:none}.references li{font-size:14px;color:#374151;line-height:1.8;margin-bottom:8px}.references li:before{content:"• ";color:#0d7f6a;font-weight:700;margin-right:8px}.home-btn{width:100%;padding:16px;background:linear-gradient(135deg,#1a3f5c,#0d7f6a);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.home-btn:hover{box-shadow:0 4px 12px #1a3f5c4d;transform:translateY(-2px)}@media (max-width: 1024px){.test-container{padding:40px 24px}.test-hero h1{font-size:2.5rem}.question-form{padding:30px}}@media (max-width: 768px){.test-container{padding:30px 16px}.test-hero{padding:60px 24px;min-height:250px}.test-hero h1{font-size:2rem}.test-hero p{font-size:16px}.question-form{padding:20px}.question-title{font-size:18px}.radio-option{padding:12px;gap:12px}.option-label{font-size:14px}.navigation-buttons{flex-direction:column}.nav-btn{width:100%}.results-card{padding:0}.results-section{padding:20px}.score-value{font-size:36px}.results-title{font-size:24px}}.breathing-technique-page{background-color:#f9fafb;min-height:100vh}.breathing-hero{background:linear-gradient(135deg,#1e40afcc,#059669cc),linear-gradient(135deg,#1e40af,#059669);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:80px;gap:40px;position:relative;overflow:hidden;min-height:400px;object-fit:cover;object-position:center}.breathing-hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1}.breathing-hero__content{z-index:2;max-width:600px}.breathing-hero h1{font-size:90px;font-weight:800;margin:0 0 12px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}.breathing-hero p{font-size:18px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.breathing-container{max-width:1200px;margin:0 auto;padding:60px 40px}.breathing-title-section{margin-bottom:40px;position:relative}.back-button-container{position:relative;left:auto;display:flex;justify-content:flex-start;width:100%;margin-bottom:16px}.breathing-intro{display:none}.breathing-videos{margin-bottom:60px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}.video-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.video-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #0000001f}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:#000}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-badge{position:absolute;top:12px;right:12px;z-index:10}.level-badge{display:inline-block;padding:6px 12px;background:#059669e6;color:#fff;border-radius:20px;font-size:12px;font-weight:600}.video-card-content{padding:16px}.video-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 12px;line-height:1.4}.video-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:#6b7280}.breathing-tips{margin-bottom:40px}.tips-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.tip-item{background:#fff;padding:24px;border-radius:12px;border-left:4px solid #059669;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.tip-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001f}.tip-item h3{font-size:16px;font-weight:700;color:#0f3a7d;margin:0 0 12px}.tip-item p{font-size:14px;color:#6b7280;margin:0;line-height:1.6}@media (max-width: 1024px){.breathing-hero{padding:60px 40px;min-height:300px}.breathing-hero h1{font-size:60px}.breathing-hero p{font-size:16px}.breathing-container{padding:40px 30px}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.breathing-hero{padding:40px 20px;justify-content:center;text-align:center;min-height:250px}.breathing-hero h1{font-size:40px}.breathing-hero p{font-size:14px}.breathing-container{padding:30px 20px}.videos-grid,.tips-container{grid-template-columns:1fr}.breathing-video-section{padding:24px}.breathing-video-section h2{font-size:20px}.video-container iframe{height:300px}}.breathing-video-section{margin:40px 0;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.breathing-video-section h2{font-size:24px;font-weight:800;color:#0f3a7d;margin:0 0 24px}.video-container{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.video-container iframe{display:block;width:100%;height:600px}.challenge-page{background-color:#f9fafb;min-height:100vh}.challenge-hero{background:linear-gradient(135deg,#1e40afcc,#059669cc),linear-gradient(135deg,#1e40af,#059669);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;color:#fff;display:flex;align-items:center;justify-content:center;padding:80px 40px;position:relative;overflow:hidden;min-height:350px;text-align:center}.challenge-hero__content{z-index:2;max-width:700px}.challenge-hero h1{font-size:3rem;font-weight:800;margin:0 0 16px;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}.challenge-duration{font-size:18px;margin:0;opacity:.95;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.challenge-container{position:relative;max-width:1000px;margin:0 auto;padding:60px 40px}.challenge-header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.challenge-divider{flex:1;height:2px;background:linear-gradient(90deg,#1e3a8a,#10b981);border-radius:1px}.challenge-content{display:grid;gap:40px}.challenge-video-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000014;padding:0}.challenge-icon-wrapper{display:flex;justify-content:center;align-items:center;padding:24px;background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border-bottom:2px solid #e5e7eb}.challenge-icon{width:80px;height:80px;object-fit:contain}.challenge-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}.challenge-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.days-stepper-section{margin-bottom:40px}.days-stepper-section h2{font-size:24px;font-weight:800;color:#1f2937;margin:0 0 24px;text-align:center}.days-stepper{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:12px;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.day-step{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;color:#6b7280;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative}.day-step:hover{border-color:#0f3a7d;color:#0f3a7d;transform:scale(1.05)}.day-step.completed{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.day-step.active{background:linear-gradient(135deg,#0f3a7d,#1e40af);border-color:#0f3a7d;color:#fff;box-shadow:0 4px 12px #0f3a7d4d}.day-number{font-size:16px;font-weight:800}.day-content-header{padding:24px;background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border-radius:12px;margin-bottom:20px}.day-content-header h2{font-size:24px;font-weight:800;color:#0f3a7d;margin:0 0 12px}.day-content-description{font-size:15px;color:#6b7280;line-height:1.6;margin:0}.tips-list{list-style:none;padding:20px;margin:0 0 20px;background:#f9fafb;border-radius:8px;border-left:4px solid #0f3a7d}.tips-list li{font-size:15px;color:#374151;line-height:1.8;padding:8px 0;display:flex;align-items:flex-start;gap:12px}.tips-list li:before{content:"✓";color:#10b981;font-weight:800;flex-shrink:0;font-size:18px}.challenge-carousel-section{margin-bottom:32px}.carousel-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.carousel-item-display{position:relative;width:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;min-height:300px;overflow:hidden}.carousel-image{width:100%;height:100%;object-fit:cover;display:block}.carousel-controls{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f9fafb;gap:12px;border-top:1px solid #e5e7eb}.carousel-control-prev,.carousel-control-next{padding:10px 16px;background:linear-gradient(135deg,#0f3a7d,#1e40af);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0f3a7d26}.carousel-control-prev:hover:not(:disabled),.carousel-control-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0f3a7d4d;background:linear-gradient(135deg,#1e40af,#2563eb)}.carousel-control-prev:disabled,.carousel-control-next:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af,#6b7280)}.carousel-indicator{font-weight:600;color:#374151;font-size:16px;min-width:50px;text-align:center}.day-navigation{display:flex;gap:12px;margin-top:24px}.nav-button{flex:1;padding:14px 24px;background:linear-gradient(135deg,#0f3a7d,#1e40af);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0f3a7d33}.nav-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0f3a7d66;background:linear-gradient(135deg,#1e40af,#2563eb)}.nav-button:disabled{opacity:.5;cursor:not-allowed}.prev-button{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b728033}.prev-button:hover:not(:disabled){box-shadow:0 8px 20px #6b728066;background:linear-gradient(135deg,#4b5563,#374151)}.challenge-info h2{font-size:28px;font-weight:800;color:#1f2937;margin:0 0 16px;line-height:1.3}.challenge-description{font-size:16px;color:#6b7280;line-height:1.6;margin:0 0 24px}.challenge-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #0f3a7d}.meta-item{font-size:14px;color:#374151;display:flex;align-items:center;gap:8px}.challenge-cta{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#0f3a7d,#1e40af);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 4px 12px #0f3a7d33;border:none;cursor:pointer}.challenge-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f3a7d66;background:linear-gradient(135deg,#1e40af,#2563eb)}.challenge-instructions{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 16px #00000014}.challenge-instructions h3{font-size:22px;font-weight:800;color:#1f2937;margin:0 0 20px}.challenge-instructions ol{margin:0;padding-left:24px}.challenge-instructions li{font-size:15px;color:#6b7280;line-height:1.8;margin-bottom:12px}.challenge-instructions li:last-child{margin-bottom:0}.challenge-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.challenge-error h2{font-size:24px;color:#6b7280}@media (max-width: 1024px){.challenge-hero{padding:60px 40px;min-height:300px}.challenge-hero h1{font-size:2.5rem}.challenge-hero p{font-size:1.1rem}.challenge-container{padding:40px 24px}.challenge-info{padding:24px}.challenge-info h2{font-size:24px}.days-stepper{grid-template-columns:repeat(auto-fit,minmax(45px,1fr));gap:10px}.day-step{width:45px;height:45px;font-size:12px}.carousel-item-display{min-height:280px}.carousel-indicator{font-size:15px}}@media (max-width: 768px){.challenge-hero{padding:40px 24px;min-height:250px}.challenge-hero h1{font-size:2rem}.challenge-hero p{font-size:1rem}.challenge-container{padding:30px 16px}.challenge-header{flex-direction:column;gap:12px}.challenge-divider{display:none}.challenge-video-wrapper{padding-bottom:56.25%}.challenge-info{padding:20px}.challenge-info h2{font-size:20px}.challenge-instructions{padding:20px}.challenge-meta{flex-direction:column}.meta-item{font-size:13px}.days-stepper{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:8px;padding:16px}.day-step{width:40px;height:40px;font-size:11px}.day-content-header h2{font-size:18px}.day-content-header{padding:16px}.day-navigation{flex-direction:column}.nav-button{padding:12px 16px;font-size:14px}.carousel-item-display{min-height:250px}.carousel-controls{padding:14px 16px}.carousel-control-prev,.carousel-control-next{padding:8px 12px;font-size:12px}.carousel-indicator{font-size:14px}}@media (max-width: 480px){.challenge-hero{padding:30px 16px;min-height:200px}.challenge-hero h1{font-size:1.5rem}.challenge-hero p{font-size:.875rem}.challenge-container{padding:20px 12px}.challenge-icon{width:60px;height:60px}.challenge-video-wrapper{padding-bottom:56.25%}.challenge-info{padding:16px}.challenge-info h2{font-size:18px;margin-bottom:12px}.challenge-description{font-size:14px;margin-bottom:16px}.challenge-instructions{padding:16px}.challenge-instructions h3{font-size:18px;margin-bottom:16px}.challenge-instructions li{font-size:14px;margin-bottom:10px}.meta-item{font-size:12px}.challenge-cta{padding:12px 24px;font-size:14px}.days-stepper-section h2{font-size:18px;margin-bottom:16px}.days-stepper{grid-template-columns:repeat(auto-fit,minmax(35px,1fr));gap:6px;padding:12px}.day-step{width:35px;height:35px;font-size:10px;border-width:1px}.day-content-header{padding:12px;margin-bottom:16px}.day-content-header h2{font-size:16px;margin-bottom:8px}.day-content-description{font-size:13px}.tips-list{padding:12px;margin-bottom:16px}.tips-list li{font-size:13px;gap:8px;padding:6px 0}.day-navigation{gap:8px}.nav-button{padding:10px 12px;font-size:12px}.carousel-item-display{min-height:200px}.carousel-controls{flex-wrap:wrap;padding:12px;gap:8px}.carousel-control-prev,.carousel-control-next{padding:8px 10px;font-size:11px;flex:1;min-width:60px}.carousel-indicator{font-size:12px;flex-basis:100%;order:3}}.doctor-register{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#f9f9f9}.doctor-register__left{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--secondary-green) 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.doctor-register__left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="dot" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="1200" height="600" fill="url(%23dot)"/></svg>');opacity:.5}.doctor-register__content{position:relative;z-index:2;max-width:500px}.doctor-register__left h1{font-size:2.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.doctor-register__left p{font-size:1.1rem;opacity:.95;line-height:1.6;margin-bottom:40px}.doctor-register__hero-image{width:100%;max-width:400px;border-radius:12px;box-shadow:0 20px 40px #0000004d}.doctor-register__right{background:#fff;padding:40px;overflow-y:auto;display:flex;align-items:center;justify-content:center}.doctor-register__form-container{width:100%;max-width:500px}.doctor-register__form-container h2{font-size:1.8rem;color:#333;margin-bottom:10px;font-weight:700}.doctor-register__subtitle{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:30px}.doctor-register__form{display:flex;flex-direction:column;gap:25px}.form-section{display:flex;flex-direction:column;gap:15px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:1.1rem;color:#333;font-weight:600;margin-bottom:5px}.form-group label{font-size:.95rem;color:#333;font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=password],.form-group select{padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:.95rem;font-family:inherit;transition:all .3s ease;background:#fafafa}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=tel]:focus,.form-group input[type=password]:focus,.form-group select:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group select.error{border-color:#d32f2f;background:#ffebee}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.input-group{display:flex;align-items:center;border:1px solid #ddd;border-radius:6px;background:#fafafa;transition:all .3s ease;overflow:hidden}.input-group:focus-within{border-color:var(--primary-navy);background:#fff;box-shadow:0 0 0 3px #1c37701a}.country-code{padding:0 12px;color:#666;font-weight:600;background:#f0f0f0;border-right:1px solid #ddd;font-size:.95rem}.input-group input{flex:1;border:none;background:transparent;padding:12px 15px}.photo-label{font-size:.95rem;color:#333;font-weight:500;display:block;margin-bottom:15px}.photo-upload{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photo-preview{position:relative;border:2px dashed var(--primary-navy);border-radius:8px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#1c377008;transition:all .3s ease;overflow:hidden}.photo-preview:hover{border-color:var(--secondary-green);background:#0596690d}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview.with-image .upload-icon,.photo-preview.with-image p{display:none}.upload-icon{width:50px;height:50px;color:var(--primary-navy);margin-bottom:10px}.photo-preview p{text-align:center;color:#666;font-size:.9rem}.photo-preview:focus-within{outline:none;border-color:var(--secondary-green);background:#0596690d}.photo-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.photo-guidelines{padding:15px;background:#f5f5f5;border-radius:8px}.photo-guidelines h4{font-size:.95rem;color:#333;margin-bottom:10px;font-weight:600}.photo-guidelines ul{list-style:none;padding:0;margin-bottom:10px}.photo-guidelines li{font-size:.9rem;color:#666;padding:5px 0 5px 20px;position:relative}.photo-guidelines li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.file-size{font-size:.85rem;color:#999;margin:0}.checkbox-group{display:flex;flex-direction:column;gap:10px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.95rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#667eea}.checkbox-text{color:#555;line-height:1.5}.error-alert{background:#ffebee;border:1px solid #ffcdd2;color:#c62828;padding:12px 15px;border-radius:6px;font-size:.95rem}.submit-btn{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--secondary-green) 100%);color:#fff;border:none;padding:14px 20px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1c37704d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 1024px){.doctor-register{grid-template-columns:1fr}.doctor-register__left{min-height:300px;padding:30px}.doctor-register__left h1{font-size:2rem}.doctor-register__right{padding:30px}.photo-upload{grid-template-columns:1fr}}@media (max-width: 768px){.doctor-register__form-container h2{font-size:1.5rem}.form-row{grid-template-columns:1fr}.doctor-register__left h1{font-size:1.8rem}.doctor-register__left p{font-size:1rem}}@media (max-width: 480px){.doctor-register{grid-template-columns:1fr}.doctor-register__right{padding:20px}.doctor-register__form-container{max-width:100%}.form-section{gap:12px}.doctor-register__left{padding:20px}.doctor-register__left h1{font-size:1.5rem}.doctor-register__left p{font-size:.95rem;margin-bottom:20px}}.doctor-login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#f9f9f9}.doctor-login__left{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--secondary-green) 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}.doctor-login__left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="dot" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="1200" height="600" fill="url(%23dot)"/></svg>');opacity:.5}.doctor-login__content{position:relative;z-index:2;max-width:500px}.doctor-login__left h1{font-size:2.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.doctor-login__left p{font-size:1.1rem;opacity:.95;line-height:1.6;margin-bottom:40px}.doctor-login__hero-image{width:100%;max-width:400px;border-radius:12px;box-shadow:0 20px 40px #0000004d}.doctor-login__right{background:#fff;padding:40px;display:flex;align-items:center;justify-content:center}.doctor-login__form-container{width:100%;max-width:400px}.doctor-login__form-container h2{font-size:2rem;color:#333;margin-bottom:10px;font-weight:700}.doctor-login__subtitle{color:#666;font-size:1rem;margin-bottom:35px}.doctor-login__form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:.95rem;color:#333;font-weight:600;display:flex;align-items:center;gap:8px}.label-icon{font-size:1.2rem}.form-input{padding:14px 16px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .3s ease;background:#fafafa}.form-input:focus{outline:none;border-color:var(--primary-navy);background:#fff;box-shadow:0 0 0 3px #1c37701a}.form-input:disabled{background:#f0f0f0;cursor:not-allowed;opacity:.6}.form-input.error{border-color:#d32f2f;background:#ffebee}.input-help{font-size:.85rem;color:#999;margin:-5px 0 0}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{width:100%;padding-right:45px}.toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:1.2rem;padding:6px 8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666}.toggle-password:hover{color:#333;transform:scale(1.1)}.error-message{color:#d32f2f;font-size:.85rem;display:block;margin-top:-5px}.error-alert{background:#ffebee;border:1px solid #ffcdd2;color:#c62828;padding:14px 16px;border-radius:8px;font-size:.95rem;margin-top:5px}.form-actions{display:flex;justify-content:flex-end;margin-top:-10px}.forgot-password{color:var(--primary-navy);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.forgot-password:hover{color:var(--secondary-green);text-decoration:underline}.login-btn{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--secondary-green) 100%);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1c37704d}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.login-footer p{margin:0;color:#666;font-size:.95rem}.login-footer a{color:var(--primary-navy);text-decoration:none;font-weight:600;transition:all .2s ease}.login-footer a:hover{color:var(--secondary-green);text-decoration:underline}@media (max-width: 1024px){.doctor-login{grid-template-columns:1fr}.doctor-login__left{min-height:300px;padding:30px}.doctor-login__left h1{font-size:2rem}.doctor-login__right{padding:30px}}@media (max-width: 768px){.doctor-login__form-container h2{font-size:1.5rem}.doctor-login__left h1{font-size:1.8rem}.doctor-login__left p{font-size:1rem}}@media (max-width: 480px){.doctor-login{grid-template-columns:1fr}.doctor-login__right{padding:20px}.doctor-login__form-container{max-width:100%}.doctor-login__form{gap:15px}.doctor-login__left{padding:20px;min-height:250px}.doctor-login__left h1{font-size:1.5rem}.doctor-login__left p{font-size:.95rem;margin-bottom:20px}.doctor-login__form-container h2{font-size:1.5rem;margin-bottom:8px}.doctor-login__subtitle{font-size:.9rem;margin-bottom:25px}}.doctor-register-success{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-navy) 0%,var(--secondary-green) 100%);padding:20px;position:relative;overflow:hidden}.doctor-register-success:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="dot" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="1200" height="600" fill="url(%23dot)"/></svg>');opacity:.5;pointer-events:none}.success-container{position:relative;z-index:2;width:100%;max-width:600px}.success-card{background:#fff;border-radius:16px;padding:60px 40px;text-align:center;box-shadow:0 20px 60px #0003;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon-wrapper{margin-bottom:30px;animation:scaleIn .8s ease-out .2s backwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-icon{width:120px;height:120px;margin:0 auto;display:block;animation:checkmark .8s ease-out .3s backwards}@keyframes checkmark{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{opacity:1}to{opacity:1;transform:scale(1) rotate(0)}}.success-title{font-size:3rem;color:#4caf50;margin:0 0 5px;font-weight:700;animation:fadeInDown .6s ease-out .4s backwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-subtitle{font-size:1.8rem;color:#333;margin:0 0 30px;font-weight:600;animation:fadeInDown .6s ease-out .5s backwards}.success-message{color:#555;font-size:1rem;line-height:1.7;margin-bottom:40px;animation:fadeIn .6s ease-out .6s backwards}.success-message p{margin:0 0 15px}.success-message p:last-child{margin-bottom:0}.doctor-name{color:var(--primary-navy);font-weight:600}.doctor-email{color:var(--primary-navy);font-weight:600;word-break:break-all}.next-steps{background:#f8f9ff;border-left:4px solid #4CAF50;padding:25px;border-radius:8px;text-align:left;margin-bottom:40px;animation:fadeIn .6s ease-out .7s backwards}.next-steps h3{margin:0 0 15px;color:#333;font-size:1.1rem;font-weight:600}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{padding:10px 0;color:#555;font-size:.95rem;display:flex;align-items:center;gap:10px}.signin-btn{background:linear-gradient(135deg,var(--primary-navy) 0%,var(--secondary-green) 100%);color:#fff;border:none;padding:16px 40px;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:30px;display:inline-block;animation:fadeInUp .6s ease-out .8s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signin-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1c377066}.signin-btn:active{transform:translateY(-1px)}.footer-note{color:#999;font-size:.9rem;margin:0;padding-top:20px;border-top:1px solid #e0e0e0;animation:fadeIn .6s ease-out .9s backwards}.footer-note a{color:var(--primary-navy);text-decoration:none;font-weight:600}.footer-note a:hover{text-decoration:underline}@media (max-width: 768px){.success-card{padding:40px 25px}.success-title{font-size:2.2rem}.success-subtitle{font-size:1.4rem}.success-message{font-size:.95rem}.success-icon{width:100px;height:100px}.next-steps{padding:20px}.signin-btn{padding:14px 35px;font-size:1rem}}@media (max-width: 480px){.doctor-register-success{padding:40px 15px 15px;align-items:flex-start;justify-content:flex-start}.success-card{padding:30px 20px;border-radius:12px}.success-title{font-size:1.8rem}.success-subtitle{font-size:1.2rem;margin-bottom:20px}.success-icon-wrapper{margin-bottom:20px}.success-icon{width:80px;height:80px}.success-message{font-size:.9rem;margin-bottom:25px;line-height:1.6}.next-steps{margin-bottom:25px;padding:15px}.next-steps h3{font-size:1rem;margin-bottom:10px}.next-steps li{padding:8px 0;font-size:.9rem}.signin-btn{padding:12px 30px;font-size:.95rem;margin-bottom:20px}.footer-note{font-size:.85rem}}.dashboard-container{display:flex;height:100vh;background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sidebar-nav{padding:24px 0}.nav-section{margin-bottom:32px;padding:0 16px}.nav-section-title{font-size:11px;font-weight:600;letter-spacing:1px;color:#fff9;margin:0 0 12px;text-transform:uppercase;padding:0 8px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:8px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#fffc;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;background:transparent;border:none;cursor:pointer;width:100%;text-align:left}.nav-item.active .nav-link{background:#fff3;color:#fff}.nav-link.upload-link{background:#00000026;border-radius:20px;padding:12px 20px;margin:8px;display:flex;align-items:center;gap:12px;font-weight:600}.main-content{flex:1;display:flex;flex-direction:column;margin-left:280px;overflow-y:auto;overflow-x:hidden}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#fff;border-bottom:1px solid #e5e7eb;height:70px;flex-shrink:0}.sidebar-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#059669;padding:0 8px;margin-right:16px}.header-title h1{margin:0;font-size:28px;font-weight:700;color:#1f2937;flex:1}.user-avatar{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;overflow:hidden;flex-shrink:0;border:3px solid #376590;box-shadow:0 4px 12px #00000026}.avatar-fallback{font-size:20px}.user-name{font-size:14px;font-weight:500;color:#4b5563}.dashboard-content{flex:1;overflow-y:auto;padding:32px}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:transparent}.dashboard-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.welcome-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.welcome-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;padding:32px;color:#fff;display:flex;align-items:center;gap:24px;min-height:160px}.welcome-content{display:flex;align-items:center;gap:16px;flex:1}.welcome-avatar{width:200px;height:200px;display:flex;align-items:center;justify-content:center;background-image:url(/images/sunflower.png);background-size:cover;background-position:center;background-repeat:no-repeat;flex-shrink:0;overflow:hidden;position:relative;padding:8px}.avatar-photo-container{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border-radius:50%;border:2px solid green;box-shadow:inset 0 0 8px #0000000d;position:relative;z-index:2;overflow:hidden}.avatar-image-large{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:3}.avatar-emoji{font-size:36px;position:relative;z-index:3}.welcome-text h2{margin:0 0 4px;font-size:18px;font-weight:600;text-transform:capitalize}.welcome-text p{margin:0 0 8px;font-size:20px;font-weight:700}.doctor-title{font-size:12px;font-weight:600;letter-spacing:1px;opacity:.9}.platform-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;padding:32px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;position:relative;overflow:hidden}.platform-card h3{margin:0 0 16px;font-size:18px;font-weight:600}.visit-btn{background:#fff;color:#059669;border:none;padding:10px 20px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;align-self:flex-start;transition:all .2s ease}.visit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.platform-images{display:flex;gap:12px;position:absolute;right:32px;bottom:32px}.img-placeholder{font-size:48px;opacity:.6}.stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.stat-icon.patients{background:#10b98126}.stat-icon.videos{background:#3b82f626}.stat-icon.articles{background:#f9731626}.stat-icon.engagement{background:#ec489926}.stat-content{flex:1}.stat-label{font-size:11px;font-weight:600;letter-spacing:.5px;color:#6b7280;text-transform:uppercase;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px}.stat-change{font-size:12px;font-weight:500}.stat-change.positive{color:#059669}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.chart-card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chart-header h3{margin:0;font-size:14px;font-weight:600;color:#1f2937}.chart-period{font-size:12px;color:#6b7280;font-weight:500}.age-groups{display:flex;flex-direction:column;gap:10px}.age-group-item{display:grid;grid-template-columns:110px 1fr 50px;gap:12px;align-items:center}.age-label{font-size:12px;font-weight:500;color:#4b5563}.age-bar-container{background:#f3f4f6;border-radius:6px;height:16px;overflow:hidden}.age-bar{background:linear-gradient(90deg,#10b981,#059669);height:100%;border-radius:6px;transition:width .3s ease}.age-value{font-size:12px;font-weight:600;color:#1f2937;text-align:right}.age-total{font-size:11px;color:#6b7280;margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.breakdown-container{display:flex;align-items:center;justify-content:center;gap:16px}.breakdown-legend{display:flex;flex-direction:column;gap:8px}.breakdown-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#4b5563}.breakdown-dot{width:12px;height:12px;border-radius:50%}.breakdown-dot.patients{background:#059669}.breakdown-dot.caregivers{background:#10b981}.breakdown-text{flex:1}.breakdown-percent{font-weight:600;color:#1f2937}.upload-card{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center}.upload-card h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#1f2937}.upload-buttons{display:flex;flex-direction:column;gap:10px}.upload-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0596694d}.upload-icon{font-size:20px}.most-viewed-section{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.view-all-btn{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:#059669;transform:translateY(-1px)}.content-table-container{overflow-x:auto}.content-table{width:100%;border-collapse:collapse;margin-top:12px}.content-table thead{border-top:1px solid #e5e7eb;border-bottom:2px solid #e5e7eb}.content-table th{text-align:left;padding:10px 12px;font-size:10px;font-weight:600;letter-spacing:.5px;color:#6b7280;text-transform:uppercase;background:#f9fafb}.content-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#4b5563}.content-name{display:flex;align-items:center;gap:8px;font-weight:500;color:#1f2937}.thumbnail-wrapper{position:relative;width:50px;height:50px;flex-shrink:0;overflow:hidden;border-radius:6px}.content-thumbnail{width:100%;height:100%;border-radius:6px;object-fit:cover;border:2px solid #e5e7eb;display:block;background:#f3f4f6;visibility:visible}.thumbnail-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;border:2px solid #e5e7eb;display:none;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;pointer-events:none}.type-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.type-badge.article{background:#fef3c7;color:#d97706}.type-badge.video{background:#dbeafe;color:#0284c7}.numeric{text-align:right;font-weight:600;color:#1f2937}.metric-value{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px}.metric-value.likes{background:#fee2e2;color:#dc2626}.metric-value.comments{background:#e0e7ff;color:#4f46e5}.engagement-bar{width:100%;height:12px;background:#f3f4f6;border-radius:3px;overflow:hidden;margin-bottom:2px}.engagement-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.engagement-text{font-size:11px;font-weight:600;color:#059669}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:#6b7280;font-size:16px}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#059669;border-radius:50%;animation:spin 1s linear infinite}.error-state p{color:#dc2626;font-weight:500}.no-content-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280;border:2px dashed #e5e7eb;border-radius:8px;background-color:#f9fafb}.no-content-message p{font-size:16px;margin:0}@media (max-width: 1440px){.stats-section{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.upload-card{grid-column:1;grid-row:auto}.welcome-section{grid-template-columns:1fr}}@media (max-width: 1199px){.sidebar{width:240px}.main-content{margin-left:240px}.dashboard-content{padding:16px}.stats-section{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:14px}.stat-value{font-size:22px}.charts-grid{grid-template-columns:1fr;gap:14px}.chart-card{padding:14px}.welcome-section{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 1023px){.dashboard-container{flex-direction:column}.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;transform:translate(-100%);transition:transform .3s ease,left .3s ease;z-index:1100}.sidebar.active{transform:translate(0)}.main-content{margin-left:0;width:100%;min-height:100vh}.sidebar-toggle{display:flex!important}.dashboard-header{padding:12px 16px;height:56px}.header-title h1{font-size:20px}.dashboard-content{padding:12px;gap:12px}.stats-section{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:12px}.stat-icon{width:40px;height:40px;font-size:20px}.stat-label{font-size:10px}.stat-value{font-size:18px}.stat-change{font-size:10px}.welcome-section{grid-template-columns:1fr;gap:12px}.welcome-card{min-height:140px;padding:16px}.welcome-content h2{font-size:18px}.welcome-avatar{width:100px;height:100px}.charts-grid{grid-template-columns:1fr;gap:12px}.chart-card{padding:12px}.chart-header h3{font-size:13px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.section-header h2{font-size:16px}.content-table{font-size:11px}.content-table th,.content-table td{padding:10px 6px}.age-group-item{grid-template-columns:90px 1fr 40px}}@media (max-width: 767px){.dashboard-container{min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;transform:translate(-100%);z-index:1100}.sidebar.active{transform:translate(0)}.sidebar.closed{transform:translate(-100%)}.main-content{margin-left:0;width:100%}.sidebar-toggle{display:flex!important}.dashboard-header{padding:10px 12px;height:50px}.header-title h1{font-size:16px}.dashboard-content{padding:10px;gap:10px}.stats-section{grid-template-columns:1fr;gap:8px}.stat-card{padding:10px;gap:10px}.stat-icon{width:36px;height:36px;font-size:18px}.stat-label{font-size:9px}.stat-value{font-size:16px}.stat-change{font-size:9px}.welcome-section{grid-template-columns:1fr;gap:10px}.welcome-card{min-height:120px;padding:12px;flex-direction:column}.welcome-content h2{font-size:16px}.welcome-content p{font-size:12px}.welcome-avatar{width:80px;height:80px;padding:4px}.avatar-photo-container{border:1px solid rgba(255,255,255,.8)}.avatar-emoji{font-size:40px}.platform-card{min-height:100px;padding:12px}.charts-grid{grid-template-columns:1fr;gap:10px}.chart-card{padding:10px}.chart-header{flex-direction:column;align-items:flex-start;gap:6px}.chart-header h3{font-size:12px}.chart-period{font-size:10px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-header h2{font-size:14px}.content-table{font-size:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.content-table th,.content-table td{padding:8px 4px}.age-group-item{grid-template-columns:80px 1fr 35px;font-size:10px}.age-label,.age-count{font-size:10px}.upload-card{padding:14px}.upload-icon{font-size:32px}.upload-text h3{font-size:14px}.upload-text p{font-size:11px}.upload-button{padding:8px 16px;font-size:12px}}@media (max-width: 479px){.dashboard-container{min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:100%;max-width:260px;height:100vh;transform:translate(-100%);z-index:1100}.sidebar.active{transform:translate(0)}.main-content{margin-left:0;width:100%;overflow:hidden}.sidebar-toggle{display:flex!important;padding:8px 12px}.dashboard-header{padding:8px 10px;height:48px;gap:10px}.header-title h1{font-size:14px;margin:0}.dashboard-content{padding:8px;gap:8px}.stats-section{grid-template-columns:1fr;gap:6px}.stat-card{padding:8px;gap:8px;flex-direction:row;align-items:center}.stat-icon{width:32px;height:32px;font-size:16px;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-label{font-size:8px}.stat-value{font-size:14px}.stat-change{font-size:8px}.welcome-section{grid-template-columns:1fr;gap:8px}.welcome-card{min-height:100px;padding:10px;flex-direction:row;gap:10px}.welcome-content{flex:1}.welcome-content h2{font-size:14px;margin:0 0 4px}.welcome-content p{font-size:11px;margin:0}.welcome-avatar{width:60px;height:60px;padding:2px;flex-shrink:0}.avatar-photo-container{border:1px solid rgba(255,255,255,.8)}.avatar-emoji{font-size:28px}.platform-card{min-height:80px;padding:10px}.platform-content h3{font-size:12px;margin:0 0 4px}.platform-content p{font-size:10px;margin:0}.charts-grid{grid-template-columns:1fr;gap:8px}.chart-card{padding:8px}.chart-header{flex-direction:column;align-items:flex-start;gap:4px}.chart-header h3{font-size:11px}.chart-period{font-size:9px}.section-header{flex-direction:column;align-items:flex-start;gap:6px}.section-header h2{font-size:13px;margin:0}.content-table{font-size:9px;overflow-x:auto;-webkit-overflow-scrolling:touch}.content-table th,.content-table td{padding:6px 3px}.age-groups{gap:6px}.age-group-item{grid-template-columns:70px 1fr 30px;font-size:9px;gap:4px}.age-label{font-size:9px}.age-count{font-size:9px;font-weight:600}.upload-card{padding:12px;text-align:center}.upload-icon{font-size:28px;margin-bottom:6px}.upload-text h3{font-size:12px;margin:0 0 2px}.upload-text p{font-size:10px;margin:0 0 8px}.upload-button{padding:6px 12px;font-size:11px;width:100%}}.visitors-section{margin-top:32px}.visitor-tabs{display:flex;gap:12px;margin-bottom:20px;border-bottom:1px solid #e5e7eb}.visitor-tab{padding:12px 20px;border:none;background:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.visitor-tab:hover{color:#374151}.visitor-tab.active{color:#059669;border-bottom-color:#059669}.export-csv-btn{float:right;margin-bottom:20px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.visitors-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;clear:both}.visitor-number{color:#9ca3af;font-weight:600}.no-visitors-message{padding:40px 20px;text-align:center;color:#6b7280;font-size:15px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.upload-content{display:flex;flex-direction:column;gap:24px;padding:32px;background:transparent;flex:1;overflow-y:auto;width:100%;max-width:100%}.upload-header{background:#fff;padding:24px 32px;border-bottom:1px solid #e5e7eb;margin-bottom:24px;border-radius:12px;display:none}.upload-header h1{margin:0;font-size:28px;font-weight:700;color:#1f2937}.upload-container{flex:1;max-width:100%;margin:0;width:100%;padding:0;display:none}.upload-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb}.upload-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.content-type-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.content-type-btn{padding:16px 20px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.content-type-btn:hover{border-color:#10b981;color:#10b981}.content-type-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669}.content-type-btn:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6;color:#9ca3af;border-color:#d1d5db}.content-type-btn:disabled:hover{border-color:#d1d5db;color:#9ca3af}.form-label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#1f2937}.form-input,.form-textarea{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-textarea{resize:vertical;min-height:100px}.char-count{font-size:12px;color:#9ca3af;font-weight:400;margin-top:4px}.upload-drop-zone{border:2px dashed #e5e7eb;border-radius:12px;padding:40px 24px;text-align:center;background:#f9fafb;transition:all .2s ease;cursor:pointer}.upload-drop-zone:hover{border-color:#10b981;background:#f0fdf4}.upload-icon{font-size:40px;margin-bottom:12px}.upload-text{margin:12px 0 4px;font-size:16px;font-weight:600;color:#1f2937}.upload-subtext{margin:0 0 16px;font-size:12px;color:#9ca3af}.browse-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.browse-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0596694d}.file-preview{display:flex;align-items:center;justify-content:space-between;background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;padding:12px 16px;margin-top:12px;font-size:14px;color:#059669;font-weight:500}.remove-file{background:none;border:none;color:#059669;font-size:18px;cursor:pointer;padding:0 4px;transition:all .2s ease}.remove-file:hover{transform:scale(1.2)}.alert{padding:16px;border-radius:8px;font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#059669}.publish-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.publish-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0596694d}.publish-btn:disabled{opacity:.7;cursor:not-allowed}.disclaimer{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:16px;font-size:12px;color:#92400e;line-height:1.6}.disclaimer strong{font-weight:600;display:block;margin-bottom:8px}@media (max-width: 768px){.upload-header{padding:16px}.upload-header h1{font-size:22px}.upload-container{padding:0 16px 16px}.upload-section{padding:16px;margin-bottom:16px}.upload-content{padding:24px 16px}.content-type-buttons{grid-template-columns:1fr}.upload-drop-zone{padding:24px 16px}.upload-icon{font-size:32px}.upload-text{font-size:14px}.sidebar{width:200px}.main-content{margin-left:0}.sidebar-toggle{display:block}.dashboard-header{padding:12px 16px}.header-title h1{font-size:18px}.user-name{display:none}}.sidebar-nav{flex:1;padding:20px 0;display:flex;flex-direction:column;gap:20px;overflow-y:auto;overflow-x:hidden}.nav-section{padding:0 12px}.nav-section-title{margin:0 0 12px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#ffffffb3}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#fffc;text-decoration:none;border-radius:8px;transition:all .2s ease;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;font-family:inherit}.nav-link:hover{background-color:#ffffff26;color:#fff}.nav-item.active .nav-link{background-color:#ffffff40;color:#fff;font-weight:600}.nav-link.upload-link{background-color:#ffffff26;border-radius:20px;margin:8px;padding:10px 20px;font-weight:600}.nav-link.upload-link:hover{background-color:#ffffff40}.nav-icon{font-size:16px}.nav-text{font-size:14px}.logout-btn{color:#fffc}.dashboard-header{background:#fff;padding:16px 32px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d;flex-shrink:0}.sidebar-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#059669}.header-title h1{margin:0;font-size:24px;font-weight:700;color:#1f2937}.header-user{display:flex;align-items:center;gap:12px}.user-avatar{font-size:24px;width:40px;height:40px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.user-name{font-size:14px;font-weight:600;color:#374151}@media (max-width: 1024px){.sidebar{width:240px}.dashboard-header{padding:16px 24px}}@media (max-width: 768px){.sidebar{width:200px}.sidebar-toggle{display:block}.dashboard-header{padding:12px 16px}.header-title h1{font-size:18px}.user-name{display:none}}.rich-text-editor{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000000d}.quill-editor{width:100%;min-height:400px;max-height:800px;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.6;color:#1f2937}.ql-container{border:none!important;font-family:inherit!important}.ql-editor{min-height:400px;max-height:600px;padding:16px!important;font-size:14px!important;line-height:1.6!important}.ql-editor.ql-blank:before{color:#9ca3af;font-style:italic}.ql-toolbar{border:none!important;border-bottom:1px solid #e5e7eb!important;background:#f9fafb!important;padding:12px 16px!important}.ql-toolbar button{width:32px!important;height:32px!important}.ql-toolbar button:hover,.ql-toolbar button:focus{color:#10b981!important}.ql-toolbar button.ql-active{color:#10b981!important}.ql-toolbar.ql-snow .ql-fill,.ql-toolbar.ql-snow .ql-stroke.ql-fill{fill:#374151}.ql-toolbar.ql-snow .ql-stroke{stroke:#d1d5db}.ql-toolbar.ql-snow .ql-picker-label{color:#374151}.editor-toolbar{display:none}.article-editor{display:none;outline:none;word-wrap:break-word}.article-editor:focus{outline:none}.article-editor:empty:before{content:"Start typing your article here...";color:#9ca3af;pointer-events:none;display:block}.article-editor h1{font-size:28px;font-weight:700;margin:16px 0 8px;color:#1f2937}.article-editor h2{font-size:22px;font-weight:700;margin:14px 0 8px;color:#1f2937}.article-editor h3{font-size:18px;font-weight:700;margin:12px 0 8px;color:#1f2937}.article-editor ul,.article-editor ol{margin:8px 0;padding-left:24px}.article-editor li{margin:4px 0}.article-editor a{color:#10b981;text-decoration:underline;cursor:pointer}.article-editor a:hover{color:#059669}.editor-footer{display:flex;justify-content:flex-end;align-items:center;padding:8px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:12px;color:#9ca3af}.my-content-container{padding:24px;background-color:#f3f4f6;height:auto;margin-bottom:100px}.dashboard-container{display:flex;min-height:100vh;background-color:#f3f4f6}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(115deg,#376590 15.39%,#1f945d 87.2%);color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;box-shadow:2px 0 8px #0000001a;z-index:1000}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar-logo{margin:0;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px;color:#fff}.sidebar-nav{flex:1;padding:24px 0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden}.nav-section{margin-bottom:16px;padding:0 16px}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff9;margin:0 0 12px}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#fffc;text-decoration:none;border-radius:6px;transition:all .2s ease;cursor:pointer;border:none;background:none;font-size:14px;font-weight:500;width:100%;text-align:left}.nav-item.active .nav-link{background-color:#fff3;color:#fff;font-weight:600}.main-content{flex:1;display:flex;flex-direction:column;margin-left:280px;overflow-y:auto;overflow-x:hidden;transition:all .3s ease}.dashboard-header{background:#fff;padding:16px 32px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0}.stats-section{display:flex;gap:24px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:16px;background-color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 4px #0000000d;flex:1;max-width:300px}.stat-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.stat-dot.published{background-color:#10b981}.stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:24px;font-weight:600;color:#1f2937}.controls-section{background-color:#fff;border-radius:8px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d}.content-tabs{display:flex;gap:24px;border-bottom:2px solid #e5e7eb;margin-bottom:20px;padding-bottom:0}.tab{background:none;border:none;padding:12px 0;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;margin-bottom:-2px}.search-sort-section{display:flex;gap:16px;align-items:center}.search-input{flex:1;max-width:400px;padding:10px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;transition:all .3s ease}.search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.sort-select{padding:10px 16px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:14px;color:#374151;cursor:pointer;transition:all .3s ease}.sort-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.content-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column}.content-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.content-card__image-container{position:relative;width:100%;height:200px;background-color:#f3f4f6;overflow:hidden}.content-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.content-card:hover .content-card__image{transform:scale(1.05)}.content-badge{position:absolute;top:12px;left:12px;background-color:#10b981f2;color:#fff;padding:6px 12px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.content-card__content{padding:20px;flex:1;display:flex;flex-direction:column}.content-card__title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4;max-height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.content-card__description{font-size:13px;color:#6b7280;margin:0 0 16px;line-height:1.5;flex:1;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.content-card__description h1,.content-card__description h2,.content-card__description h3,.content-card__description h4,.content-card__description h5,.content-card__description h6{margin:0;padding:0;font-weight:600;line-height:1.3}.content-card__description h1{font-size:16px}.content-card__description h2{font-size:15px}.content-card__description h3{font-size:14px}.content-card__description h4,.content-card__description h5,.content-card__description h6{font-size:13px}.content-card__description strong,.content-card__description b{font-weight:600;color:#1a1a1a}.content-card__description em,.content-card__description i{font-style:italic}.content-card__description u{text-decoration:underline}.content-card__description s,.content-card__description strike{text-decoration:line-through}.content-card__description ul,.content-card__description ol{margin:0;padding-left:20px}.content-card__description li{margin:0;line-height:1.4}.content-card__description code{background-color:#f3f4f6;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:12px;color:#dc2626}.content-card__description pre{background-color:#1a1a1a;color:#10b981;padding:8px;border-radius:4px;overflow-x:auto;margin:0}.content-card__description pre code{background-color:transparent;color:#10b981;padding:0}.content-card__description blockquote{border-left:3px solid #376590;margin:0;padding-left:12px;color:#4b5563;font-style:italic}.content-card__description a{color:#2563eb;text-decoration:none}.content-card__description a:hover{border-bottom:1px solid #2563eb}.content-card__description img{max-width:100%;height:auto;border-radius:4px;margin:0}.content-card__stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.stat-icon{font-size:14px}.status-badge{margin-left:auto;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.published{background-color:#d1fae5;color:#047857}.status-badge.draft{background-color:#fef3c7;color:#92400e}.content-card__actions{display:flex;gap:12px;justify-content:space-between}.action-btn{flex:1;padding:10px 12px;border:1px solid #e5e7eb;background-color:#fff;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .3s ease}.action-btn:hover,.edit-btn{border-color:#10b981;color:#10b981}.edit-btn:hover{background-color:#f0fdf4}.view-btn{border-color:#10b981;color:#10b981}.view-btn:hover{background-color:#f0fdf4}.more-btn{flex:0 0 auto;padding:10px 12px}.delete-btn{flex:0 0 auto;padding:10px 12px;border-color:#ef4444;color:#ef4444;background-color:#fff;transition:all .3s ease}.delete-btn:hover{background-color:#fee2e2;border-color:#dc2626;color:#dc2626;transform:scale(1.05)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loader{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{font-size:14px;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background-color:#fff;border-radius:8px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0 0 24px;max-width:400px}.upload-link-btn{display:inline-block;padding:10px 24px;background-color:#10b981;color:#fff;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.upload-link-btn:hover{background-color:#059669}.alert{padding:12px 16px;border-radius:6px;margin-bottom:24px;font-size:14px}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}@media (max-width: 1024px){.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.search-sort-section{flex-direction:column}.search-input{max-width:100%}.sort-select{width:100%}}@media (max-width: 768px){.my-content-container{padding:16px}.content-grid{grid-template-columns:1fr}.controls-section{padding:16px}.content-tabs{gap:16px;margin-bottom:16px}.tab{font-size:13px}.search-sort-section{flex-direction:column;gap:12px}.search-input,.sort-select{width:100%}.stats-section{flex-direction:column}.stat-card{max-width:100%}}.view-content-container{min-height:100vh;background:linear-gradient(135deg,#f5f1ed,#e8e3dd);padding:40px 20px}.view-content-wrapper{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.view-content-header{background:linear-gradient(115deg,#376590 15.39%,#1f945d 87.2%);color:#fff;padding:30px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.back-button{color:#fff;text-decoration:none;font-size:16px;font-weight:600;padding:8px 16px;background:#fff3;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer}.back-button:hover{background:#ffffff4d;transform:translate(-4px)}.view-content-title{flex:1;margin:0;font-size:28px;font-weight:700;min-width:200px}.view-content-badge{background:#ffffff40;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap}.view-content-main{display:grid;grid-template-columns:1fr 350px;gap:30px;padding:40px;align-items:start}.media-container{width:100%;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000026}.video-player-wrapper{width:100%;aspect-ratio:16 / 9;background:#000;display:flex;align-items:center;justify-content:center}.video-player-wrapper video{width:100%;height:100%;object-fit:contain}.article-viewer{min-height:500px;padding:40px;background:#f9f7f4}.article-content{font-size:16px;line-height:1.8;color:#333;text-align:justify}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin:24px 0 16px;font-weight:700;color:#1a1a1a;line-height:1.4}.article-content h1{font-size:32px;border-bottom:3px solid #376590;padding-bottom:12px}.article-content h2{font-size:28px}.article-content h3{font-size:24px}.article-content h4{font-size:20px}.article-content h5{font-size:18px}.article-content h6{font-size:16px;color:#555}.article-content p{margin:16px 0;line-height:1.8}.article-content strong,.article-content b{font-weight:700;color:#1a1a1a}.article-content em,.article-content i{font-style:italic;color:#444}.article-content u{text-decoration:underline;text-decoration-color:#376590;text-underline-offset:4px}.article-content s,.article-content del{text-decoration:line-through;color:#888}.article-content ul,.article-content ol{margin:16px 0;padding-left:32px;line-height:1.8}.article-content ul li,.article-content ol li{margin:8px 0;color:#333}.article-content ul li::marker{color:#376590;font-weight:700}.article-content ol li::marker{color:#376590;font-weight:700}.article-content blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid #376590;background:#f0f5ff;border-radius:4px;font-style:italic;color:#555;font-size:15px}.article-content blockquote p{margin:0}.article-content a{color:#376590;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s ease}.article-content a:hover{border-bottom-color:#376590}.article-content code{background:#f4f1ed;color:#d63384;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.article-content pre{background:#1a1a1a;color:#00d084;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5}.article-content pre code{background:none;color:#00d084;padding:0;border-radius:0}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0;box-shadow:0 4px 12px #0000001a}.article-content hr{margin:24px 0;border:none;border-top:2px solid #e5e0d8;opacity:.6}.media-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;color:#999;font-size:18px}.content-sidebar{display:flex;flex-direction:column;gap:20px}.stats-box,.status-box,.description-box,.actions-box{background:#f9f7f4;border-radius:12px;padding:20px;border:1px solid #e5e0d8}.stats-title,.status-title,.description-title{margin:0 0 15px;font-size:14px;font-weight:700;color:#376590;text-transform:uppercase;letter-spacing:.5px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e5e0d8}.stat-item:last-child{border-bottom:none}.stat-label{font-size:13px;color:#666;font-weight:500}.stat-value{font-size:20px;font-weight:700;color:#1f945d}.status-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;width:100%;text-align:center}.status-badge.published{background:#d1fae5;color:#065f46}.status-badge.draft{background:#fee2e2;color:#991b1b}.description-text{font-size:13px;line-height:1.6;color:#555;margin:0}.description-text h1,.description-text h2,.description-text h3,.description-text h4,.description-text h5,.description-text h6{margin:12px 0 8px;font-weight:700;color:#1a1a1a;line-height:1.3;font-size:14px}.description-text p{margin:8px 0;line-height:1.6;font-size:13px}.description-text strong,.description-text b{font-weight:700;color:#1a1a1a}.description-text em,.description-text i{font-style:italic;color:#444}.description-text u{text-decoration:underline;text-decoration-color:#376590;text-underline-offset:2px}.description-text s,.description-text del{text-decoration:line-through;color:#888}.description-text ul,.description-text ol{margin:8px 0;padding-left:20px;font-size:13px}.description-text ul li,.description-text ol li{margin:4px 0;color:#555}.description-text blockquote{margin:12px 0;padding:10px 12px;border-left:3px solid #376590;background:#f0f5ff;border-radius:3px;font-style:italic;color:#555;font-size:12px}.description-text a{color:#376590;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s ease}.description-text a:hover{border-bottom-color:#376590}.description-text code{background:#f4f1ed;color:#d63384;padding:1px 4px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px}.description-text img{max-width:100%;height:auto;border-radius:4px;margin:8px 0}.actions-box{display:flex;flex-direction:column;gap:10px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.action-btn.edit-btn{background:linear-gradient(115deg,#376590 15.39%,#1f945d 87.2%);color:#fff}.action-btn.edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3765904d}.action-btn.back-btn-alt{background:#e5e7eb;color:#333}.action-btn.back-btn-alt:hover{background:#d1d5db;transform:translateY(-2px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;padding:60px 20px}.loader{width:50px;height:50px;border:4px solid #e5e0d8;border-top-color:#1f945d;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}.loading-state p{font-size:16px;color:#666;margin:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:20px}.error-state h3{font-size:20px;color:#333;margin:0 0 10px}.error-state p{font-size:14px;color:#666;margin:0 0 30px;max-width:400px}.error-state .back-btn{background:linear-gradient(115deg,#376590 15.39%,#1f945d 87.2%);color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .3s ease;display:inline-block}.error-state .back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3765904d}@media (max-width: 1024px){.view-content-main{grid-template-columns:1fr;padding:30px 20px}.view-content-title{font-size:24px}.view-content-header{padding:20px}}@media (max-width: 768px){.view-content-container{padding:20px 10px}.view-content-wrapper{border-radius:12px}.view-content-header{flex-direction:column;align-items:flex-start;gap:10px;padding:20px}.view-content-title{font-size:20px}.view-content-badge{align-self:flex-start}.view-content-main{grid-template-columns:1fr;padding:20px;gap:20px}.article-viewer{min-height:300px;padding:20px}.media-container{border-radius:8px}}@media (max-width: 480px){.view-content-container{padding:10px}.view-content-wrapper{border-radius:8px}.view-content-header{padding:15px}.view-content-title{font-size:18px}.back-button{padding:6px 12px;font-size:14px}.view-content-main{padding:15px;gap:15px}.stats-box,.status-box,.description-box,.actions-box{padding:15px}.action-btn{padding:10px;font-size:13px}}.dashboard-container{display:flex;min-height:100vh;background-color:#f5f5f5}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(115deg,#376590 15.39%,#1f945d 87.2%);color:#fff;overflow:hidden;padding:20px 0;transition:all .3s ease;z-index:1000;display:flex;flex-direction:column}.sidebar-header{padding:0 20px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-title{font-size:12px;font-weight:700;letter-spacing:1px;color:#ffffffb3;margin:0}.nav-sections{display:flex;flex-direction:column;gap:30px;padding:30px 0;flex:1;overflow-y:auto;overflow-x:hidden}.nav-section{padding:0 10px}.nav-section-title{font-size:11px;font-weight:700;letter-spacing:1px;color:#fff9;margin:0 10px 10px;text-transform:uppercase}.nav-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#fffc;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border-left:3px solid transparent;cursor:pointer}.nav-link:hover{background-color:#ffffff1a;color:#fff}.nav-link.active{background-color:#ffffff26;color:#fff;border-left-color:#fff}.nav-link.upload-link{background-color:#0003;border-radius:20px;margin:0 10px;padding-left:20px;padding-right:20px}.nav-link .icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:20px}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;margin-left:280px;transition:all .3s ease}.dashboard-header{background-color:#fff;padding:20px 30px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-header.sticky-header{position:sticky;top:0;z-index:50;box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center;gap:15px}.sidebar-toggle{background:none;border:none;font-size:24px;cursor:pointer;color:#333;padding:5px;display:none}.page-title{font-size:24px;font-weight:700;color:#333;margin:0}.profile-content{flex:1;overflow-y:auto;padding:30px}.message{padding:12px 20px;border-radius:8px;margin-bottom:20px;font-weight:500;animation:slideIn .3s ease}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-bottom:30px}.profile-form-section{display:flex;flex-direction:column;gap:40px}.form-section{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{font-size:12px;font-weight:700;color:#555;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.required{color:#e74c3c}.form-input,.form-input select{padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#333;background-color:#fafafa;transition:all .2s ease;font-family:inherit}.form-input:focus,.form-input select:focus{outline:none;border-color:#059669;background-color:#fff;box-shadow:0 0 0 3px #0596691a}.form-input::placeholder{color:#999}.profile-sidebar{display:flex;flex-direction:column;gap:20px}.photo-card{background-color:#fff;padding:30px 20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;text-align:center;display:flex;flex-direction:column;align-items:center}.photo-preview{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:20px;border:4px solid #f0f0f0;background:linear-gradient(135deg,#e0f2fe,#e0f2f7);display:flex;align-items:center;justify-content:center}.doctor-photo{width:100%;height:100%;object-fit:cover}.photo-placeholder{font-size:60px;display:flex;align-items:center;justify-content:center}.doctor-name{font-size:18px;font-weight:700;color:#333;margin:0 0 5px}.doctor-specialty{font-size:13px;color:#666;margin:0 0 20px}.upload-photo-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-label{font-size:12px;font-weight:700;color:#555;letter-spacing:.5px;text-transform:uppercase;align-self:flex-start}.photo-drop-zone{width:100%;border:2px dashed #ddd;border-radius:6px;padding:20px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;background-color:#fafafa}.photo-drop-zone:hover,.photo-drop-zone.drag-over{border-color:#059669;background-color:#f0fdf4}.photo-input{display:none}.drop-zone-content{pointer-events:none}.drop-zone-icon{font-size:40px;display:block;margin-bottom:10px}.drop-zone-content p{margin:0 0 5px;font-size:13px;font-weight:600;color:#333}.drop-zone-content small{display:block;color:#999;font-size:12px}.browse-link{color:#059669;text-decoration:none;font-weight:600;font-size:13px;transition:color .2s ease}.browse-link:hover{color:#047857;text-decoration:underline}.account-info-card{background-color:#fff;padding:25px 20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.account-info-title{font-size:13px;font-weight:700;color:#333;letter-spacing:.5px;margin:0 0 20px;text-transform:uppercase}.info-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;color:#666;font-weight:500}.info-value{font-size:14px;font-weight:700;color:#333}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;background-color:#f0fdf4;color:#15803d;font-size:13px}.status-badge.active{background-color:#f0fdf4;color:#15803d}.button-group{display:flex;gap:15px;justify-content:flex-end}.btn{padding:12px 30px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-cancel{background-color:#e0e0e0;color:#333}.btn-cancel:hover:not(:disabled){background-color:#d0d0d0}.btn-save{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #0596694d;transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1280px){.sidebar{width:240px}.profile-grid{grid-template-columns:1fr}.profile-form-section{order:2}.profile-sidebar{order:1}}@media (max-width: 768px){.sidebar{position:fixed;height:100%;left:-280px;top:0;z-index:1000}.sidebar.open{left:0}.sidebar-toggle{display:block}.dashboard-header{padding:15px 20px}.page-title{font-size:20px}.profile-content,.form-section{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.photo-card{padding:20px 15px}.button-group{flex-direction:column-reverse}.btn{width:100%}}@media (max-width: 480px){.dashboard-container{flex-direction:column}.sidebar{width:100%;height:auto;position:fixed;bottom:0;right:0;max-height:60vh;border-top:1px solid rgba(255,255,255,.1);left:0}.main-content{padding-bottom:60px}.profile-content,.form-section{padding:15px}.form-label{font-size:11px}.form-input,.form-input select{padding:10px 12px;font-size:13px}}.visitors-page{display:flex;height:100vh;background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:linear-gradient(115deg,#376590 15.39%,#1f945d 87.2%);color:#fff;overflow:hidden;transition:all .3s ease;box-shadow:2px 0 8px #0000001a;z-index:1000;display:flex;flex-direction:column}.sidebar.closed{left:-280px;width:280px}.sidebar-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{font-size:24px;font-weight:700;margin:0;display:flex;align-items:center;gap:12px;text-decoration:none}.logo-icon{font-size:28px}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 0}.nav-section{padding:12px 0;border-top:1px solid rgba(255,255,255,.1)}.nav-section:first-child{border-top:none}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff9;padding:0 20px;margin:12px 0 8px}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin:0}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#fffc;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;border:none;background:none;transition:all .2s}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-item.active .nav-link{background:#fff3;color:#fff;border-left:3px solid white;padding-left:17px}.nav-icon{font-size:18px;flex-shrink:0}.nav-text{flex:1}.upload-link{background:#ffffff1a;color:#fff!important}.logout-btn{width:100%;text-align:left}.main-content{margin-left:280px;flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;overflow:hidden}.sidebar.closed~.main-content{margin-left:0}.visitors-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 1px 3px #0000000d}.sidebar-toggle{background:none;border:none;font-size:24px;color:#374151;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.header-title{flex:1}.header-title h1{margin:0;font-size:24px;color:#111827}.header-user{display:flex;align-items:center;gap:12px;color:#374151;font-size:14px}.user-avatar{font-size:24px}.visitors-content{flex:1;overflow-y:auto;padding:24px}.visitor-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.visitor-stat-card{background:#fff;border-radius:8px;padding:20px;display:flex;gap:16px;box-shadow:0 1px 3px #0000001a}.visitor-stat-icon{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.visitor-stat-icon.total{background:#f0f9ff;color:#0369a1}.visitor-stat-icon.unique{background:#fdf2f8;color:#be185d}.visitor-stat-icon.mobile{background:#f0fdf4;color:#059669}.visitor-stat-content{flex:1}.visitor-stat-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.visitor-stat-value{font-size:28px;font-weight:700;color:#111827}.visitors-controls{background:#fff;border-radius:8px;padding:20px;display:flex;align-items:center;gap:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap}.date-range-selector{display:flex;align-items:center;gap:10px}.date-range-selector label{font-size:14px;font-weight:500;color:#374151}.date-range-selector select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#374151;font-size:14px;cursor:pointer}.visitor-tabs{display:flex;gap:12px}.visitor-tab{padding:8px 16px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.visitor-tab:hover{color:#374151;border-color:#d1d5db}.visitor-tab.active{background:#059669;color:#fff;border-color:#059669}.export-csv-btn{margin-left:auto;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.export-csv-btn:hover{background:#f9fafb;border-color:#d1d5db}.visitors-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.visitors-table{width:100%;border-collapse:collapse;font-size:14px}.visitors-table thead{background:#374151}.visitors-table th{color:#fff;font-weight:600;padding:14px 16px;text-align:left;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.visitors-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.visitors-table tbody tr:hover{background:#f9fafb}.visitors-table td{padding:14px 16px;color:#374151}.visitor-number{color:#9ca3af;font-weight:600;width:40px}.visitor-name{display:flex;align-items:center;gap:12px}.visitor-icon{font-size:20px}.visitor-username{color:#1f2937;font-weight:500}.visitor-ip{font-family:Monaco,Courier New,monospace;background:#f3f4f6;padding:6px 10px;border-radius:4px;font-size:13px;color:#374151}.visitor-ip code{color:#059669;font-weight:500}.device-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.device-badge.desktop{background:#dbeafe;color:#0369a1}.device-badge.mobile{background:#dcfce7;color:#15803d}.device-badge.tablet{background:#fce7f3;color:#be185d}.visitor-time{color:#6b7280;font-size:13px}.visitor-time small{display:block;margin-top:4px;font-size:12px}.visitor-count{font-weight:600;color:#1f2937;text-align:center}.no-visitors-message{padding:60px 40px;text-align:center;color:#6b7280;font-size:15px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:20px;border-top:1px solid #e5e7eb;background:#fff;border-radius:0 0 8px 8px}.pagination-btn{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-info{color:#6b7280;font-size:14px}.loading-state,.error-state{display:flex;align-items:center;justify-content:center;height:100vh;flex-direction:column;gap:20px}.loading-state p,.error-state p{font-size:16px;color:#6b7280}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#059669;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.main-content{margin-left:0}.sidebar{z-index:999}.visitors-controls{flex-direction:column;align-items:flex-start}.export-csv-btn{margin-left:0;width:100%}.visitor-tabs{width:100%;flex-wrap:wrap}.visitors-table{font-size:12px}.visitors-table th,.visitors-table td{padding:10px 12px}.visitor-stats-cards{grid-template-columns:1fr}}@media (max-width: 480px){.visitors-header{flex-direction:column;align-items:flex-start;gap:12px}.header-title h1{font-size:20px}.visitors-content{padding:12px}.visitor-stats-cards{grid-template-columns:1fr;gap:12px}.visitors-table{font-size:11px}.visitors-table th,.visitors-table td{padding:8px}.pagination{flex-wrap:wrap;justify-content:space-between}}.voice-of-care{width:100%;min-height:100vh;background:#f0f2f5;padding-bottom:40px}.voc-hero{background:linear-gradient(135deg,#376590,#1f945d);color:#fff;padding:60px 20px;text-align:center;margin-bottom:40px}.hero-content{max-width:800px;margin:0 auto}.voc-hero h1{font-size:48px;font-weight:700;margin:0 0 16px;letter-spacing:-.5px}.voc-hero p{font-size:18px;margin:0;opacity:.95;font-weight:300}.voc-main-layout{display:grid;grid-template-columns:280px 1fr 320px;gap:20px;max-width:1400px;margin:0 auto;padding:0 20px}.feed-sidebar{position:sticky;top:80px;height:fit-content;background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.sidebar-section{margin-bottom:24px}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h4{font-size:13px;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.filter-group{display:flex;flex-direction:column;gap:10px}.filter-option{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-radius:8px;transition:all .2s;font-size:14px;color:#6b7280}.filter-option input{cursor:pointer;width:16px;height:16px}.filter-option:hover{background:#f3f4f6}.filter-option.active{background:#d1fae5;color:#059669;font-weight:600}.feed-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.feed-search{position:relative;padding:16px;border-bottom:1px solid #e5e7eb}.search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #e5e7eb;border-radius:24px;font-size:14px;background:#f9fafb;transition:all .2s}.search-input:focus{outline:none;background:#fff;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);font-size:14px;color:#6b7280}.feed{max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden}.feed::-webkit-scrollbar{width:6px}.feed::-webkit-scrollbar-track{background:#f1f5f9}.feed::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.feed::-webkit-scrollbar-thumb:hover{background:#94a3b8}.feed-post{border-bottom:1px solid #e5e7eb;padding:16px;transition:background .2s}.feed-post:hover{background:#fafbfc}.feed-post:last-child{border-bottom:none}.post-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;position:relative}.doctor-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-icon{font-size:24px}.doctor-info{flex:1;min-width:0}.doctor-name{font-size:14px;font-weight:600;color:#111827;margin:0}.doctor-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;margin-top:2px}.specialty{background:#d1fae5;color:#059669;padding:2px 8px;border-radius:4px;font-weight:500}.timestamp{display:block}.post-type-badge{position:absolute;top:0;right:0;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.post-type-badge.video{background:#bfdbfe;color:#1e40af}.post-type-badge.article{background:#bbf7d0;color:#065f46}.post-content{margin-bottom:12px}.post-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 8px;line-height:1.4}.post-category{display:inline-block;font-size:11px;font-weight:600;color:#059669;background:#d1fae5;padding:4px 8px;border-radius:4px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.2px}.post-description{font-size:13px;color:#6b7280;line-height:1.5;margin:0}.feed-post-article{padding:0;border-bottom:1px solid #e5e7eb}.feed-post-article .post-header{padding:16px 16px 0;margin-bottom:0}.article-layout{display:flex;gap:12px;padding:12px 16px 0;align-items:flex-start}.article-thumbnail{flex-shrink:0;width:120px;height:120px;border-radius:8px;overflow:hidden;background:#f3f4f6;position:relative;display:flex;align-items:center;justify-content:center}.article-thumb-image{width:100%;height:100%;object-fit:cover;display:block}.article-thumb-fallback{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe,#dbeafe);font-size:32px;font-weight:600;color:#0369a1}.article-content-area{flex:1;min-width:0}.article-content-area .post-title{font-size:14px;margin:0 0 6px}.article-content-area .post-category{display:inline-block;font-size:10px;padding:3px 6px;margin-bottom:6px}.article-description{font-size:12px;-webkit-line-clamp:4;margin:0 0 8px}.article-stats{gap:12px;padding:8px 0;font-size:11px;margin:0;border-bottom:none}.article-full-content{font-size:13px;color:#4b5563;line-height:1.6;margin:0 0 8px;padding-right:0}.content-paragraph{margin:0 0 6px;padding:0;color:#4b5563}.content-paragraph:last-child{margin-bottom:0}.formatted-content{font-size:13px;color:#4b5563;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.formatted-content p{margin:8px 0;padding:0;color:#4b5563}.formatted-content p:first-child{margin-top:0}.formatted-content p:last-child{margin-bottom:0}.formatted-content strong,.formatted-content b{font-weight:700;color:#111827}.formatted-content em,.formatted-content i{font-style:italic;color:#4b5563}.formatted-content u{text-decoration:underline;text-decoration-color:#059669}.formatted-content ul,.formatted-content ol{margin:8px 0;padding-left:20px;color:#4b5563}.formatted-content ul li,.formatted-content ol li{margin:4px 0;color:#4b5563;line-height:1.5}.formatted-content ul ul,.formatted-content ol ol,.formatted-content ul ol,.formatted-content ol ul{margin:4px 0 4px 16px}.formatted-content blockquote{margin:8px 0;padding:8px 12px;border-left:3px solid #059669;background:#f0fdf4;color:#4b5563;font-style:italic}.formatted-content h1,.formatted-content h2,.formatted-content h3,.formatted-content h4,.formatted-content h5,.formatted-content h6{margin:10px 0 6px;font-weight:700;color:#111827}.formatted-content h1{font-size:16px}.formatted-content h2{font-size:15px}.formatted-content h3{font-size:14px}.formatted-content h4{font-size:13px}.formatted-content h5{font-size:12px}.formatted-content h6{font-size:11px}.formatted-content br{display:block;height:2px}.feed-post-article .post-actions{padding:8px 16px 16px}.post-image{margin:12px -16px 0;position:relative;width:calc(100% + 32px);background:#f3f4f6;max-height:400px;overflow:hidden}.feed-image{width:100%;height:100%;object-fit:cover;display:block}.image-fallback{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe,#dbeafe);font-size:24px;font-weight:600;color:#0369a1}.post-video{margin:12px -16px 0;position:relative;width:calc(100% + 32px);background:transparent;max-height:400px;overflow:hidden}.feed-video{width:100%;height:auto;max-height:400px;display:block;background:transparent;filter:brightness(1.25)}.feed-video::-webkit-media-controls{background:#0003}.feed-video::-webkit-media-controls-panel{background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}.feed-video::-webkit-media-controls-timeline{background:#ffffff4d}.video-fallback{width:100%;height:300px;display:none;align-items:center;justify-content:center;background:#f3f4f6;font-size:24px;font-weight:600;color:#4b5563;position:absolute;top:0;left:0;z-index:1}.post-stats{display:flex;gap:16px;padding:12px 0;font-size:12px;color:#6b7280;border-bottom:1px solid #e5e7eb;margin:12px 0}.stat{display:flex;gap:4px}.stat:before{content:"";display:inline-block;width:1px;height:12px;background:#d1d5db;margin:0 4px}.stat:first-child:before{display:none;margin:0}.post-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:8px}.action-btn{padding:8px 4px;background:none;border:none;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;border-radius:6px}.action-btn:hover{background:#f3f4f6;color:#374151}.action-btn.like-btn.liked{color:#ef4444}.action-btn.like-btn.liked:hover{background:#fee2e2}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn.like-btn.loading{color:#f59e0b}.action-btn.share-btn{color:#059669}.action-btn.share-btn:hover{background:#d1fae5}.action-icon{font-size:14px}.action-text{display:none}.feed-end-sentinel{padding:20px;text-align:center}.loading-more{display:flex;flex-direction:column;align-items:center;gap:10px;color:#6b7280;font-size:13px}.tiny-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#059669;border-radius:50%;animation:spin .8s linear infinite}.feed-end{padding:24px 16px;text-align:center;color:#6b7280;font-size:13px;border-top:1px solid #e5e7eb}.feed-right-sidebar{position:sticky;top:80px;height:fit-content;display:flex;flex-direction:column;gap:16px}.cta-card,.info-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.cta-card h3{font-size:16px;font-weight:700;color:#111827;margin:0 0 8px}.cta-card p{font-size:13px;color:#6b7280;line-height:1.5;margin:0 0 16px}.cta-button{width:100%;padding:10px 16px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0596694d}.info-card h4{font-size:14px;font-weight:700;color:#111827;margin:0 0 10px}.info-card p{font-size:12px;color:#6b7280;line-height:1.5;margin:0}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:20px}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#059669;border-radius:50%;animation:spin .8s linear infinite}.no-content{padding:80px 40px;text-align:center;color:#6b7280;font-size:16px}@media (max-width: 1200px){.voc-main-layout{grid-template-columns:1fr 300px}.feed-sidebar{display:none}}@media (max-width: 1024px){.voc-main-layout{grid-template-columns:1fr 280px}.feed-sidebar{position:static}}@media (max-width: 768px){.voc-hero{padding:40px 20px;margin-bottom:30px}.voc-hero h1{font-size:32px;margin:0 0 12px}.voc-hero p{font-size:14px}.voc-main-layout{grid-template-columns:1fr;gap:12px;padding:0 10px}.feed-right-sidebar,.feed-sidebar{display:none}.feed-container{border-radius:8px;box-shadow:0 1px 3px #00000014}.feed{max-height:none;overflow-y:visible}.feed-post{padding:14px}.post-title{font-size:14px}.post-description{font-size:12px;-webkit-line-clamp:2}.post-image,.post-video{margin:10px -14px 0;width:calc(100% + 28px);max-height:350px}.image-fallback,.video-fallback{height:250px}.feed-video{max-height:350px}.post-stats{gap:12px;font-size:11px;margin:10px 0;padding:10px 0}.post-actions{grid-template-columns:repeat(4,1fr);gap:0;margin-top:6px}.action-btn{padding:10px 6px;font-size:11px;gap:4px}.action-icon{font-size:12px}.action-text{display:none}.post-header{gap:10px;margin-bottom:10px}.doctor-avatar{width:50px;height:50px;overflow:hidden}.avatar-icon{font-size:20px}.doctor-name{font-size:13px}.doctor-meta{font-size:11px;gap:6px}.specialty{padding:1px 6px;font-size:10px}.post-category{font-size:10px;padding:3px 6px;margin-bottom:6px}.post-type-badge{padding:3px 6px;font-size:9px}.feed-search{padding:12px}.search-input{font-size:14px;padding:9px 14px 9px 36px}.search-icon{left:20px}.article-layout{gap:10px;padding:10px 14px 0}.article-thumbnail{width:100px;height:100px}.article-content-area .post-title{font-size:13px}.article-description{font-size:11px}.feed-post-article .post-actions{padding:8px 14px 14px}}@media (max-width: 640px){.voice-of-care{padding-bottom:30px}.voc-hero{padding:35px 16px;margin-bottom:20px}.voc-hero h1{font-size:28px;margin:0 0 10px}.voc-hero p{font-size:13px}.voc-main-layout{padding:0 8px}.feed-container{border-radius:0}.feed-post{padding:12px;border-bottom:1px solid #efefef}.post-image,.post-video{margin:8px -12px 0;width:calc(100% + 24px);max-height:300px}.feed-video{max-height:300px}.image-fallback,.video-fallback{height:220px;font-size:20px}.post-title{font-size:13px;margin:0 0 6px}.post-description{font-size:12px;-webkit-line-clamp:2}.post-stats{gap:10px;font-size:10px;padding:8px 0;margin:8px 0}.post-actions{grid-template-columns:repeat(4,1fr);margin-top:4px}.action-btn{padding:10px 4px;font-size:10px;gap:3px;min-height:40px}.action-icon{font-size:13px}.feed-search{padding:10px;border-bottom:1px solid #e5e7eb}.search-input{padding:8px 12px 8px 34px;font-size:13px;border-radius:20px}.search-icon{left:18px;font-size:13px}.doctor-avatar{width:50px;height:50px;overflow:hidden}.avatar-icon{font-size:18px}.doctor-name{font-size:12px}.doctor-meta{font-size:10px;gap:5px}.specialty{padding:1px 5px;font-size:9px}.post-category{font-size:9px;padding:2px 5px;margin-bottom:5px}.post-type-badge{padding:2px 5px;font-size:8px}.cta-card,.info-card{display:none}.feed-end-sentinel{padding:15px 10px}.feed-end{padding:20px 12px;font-size:12px}.loading-more{font-size:12px;gap:8px}.tiny-spinner{width:18px;height:18px}}@media (max-width: 480px){.voice-of-care{padding-bottom:20px}.voc-hero{padding:30px 12px;margin-bottom:15px}.voc-hero h1{font-size:24px;margin:0 0 8px}.voc-hero p{font-size:12px}.voc-main-layout{padding:0;gap:0}.feed-container{border-radius:0;box-shadow:none;overflow:hidden}.feed-post{padding:10px;border-bottom:1px solid #efefef}.post-image,.post-video{margin:6px -10px 0;width:calc(100% + 20px);max-height:280px}.feed-video{max-height:280px}.image-fallback,.video-fallback{height:200px;font-size:18px}.post-title{font-size:12px;margin:0 0 4px}.post-description{font-size:11px;-webkit-line-clamp:2}.post-content{margin-bottom:8px}.post-stats{gap:8px;font-size:9px;padding:6px 0;margin:6px 0}.stat:before{height:10px}.post-actions{grid-template-columns:repeat(4,1fr);gap:0;margin-top:2px}.action-btn{padding:8px 2px;font-size:9px;gap:2px;min-height:36px}.action-icon{font-size:12px}.post-header{gap:8px;margin-bottom:8px}.doctor-avatar{width:50px;height:50px;overflow:hidden}.avatar-icon{font-size:16px}.doctor-name{font-size:11px}.doctor-meta{font-size:9px;gap:4px}.specialty{padding:0 4px;font-size:8px}.timestamp{font-size:9px}.post-category{font-size:8px;padding:2px 4px;margin-bottom:4px}.post-type-badge{padding:2px 4px;font-size:7px}.feed-search{padding:8px}.search-input{padding:7px 10px 7px 32px;font-size:12px}.search-icon{left:14px;font-size:12px}.feed{max-height:none}.feed-end-sentinel{padding:12px 8px}.feed-end{padding:15px 10px;font-size:11px}.loading-more{font-size:11px}.tiny-spinner{width:16px;height:16px;border-width:1.5px}.spinner{width:40px;height:40px;border-width:3px}.no-content{padding:60px 20px;font-size:14px}}@media (max-width: 360px){.voc-hero{padding:25px 10px}.voc-hero h1{font-size:20px}.voc-hero p{font-size:11px}.feed-post{padding:8px}.post-image,.post-video{margin:4px -8px 0;width:calc(100% + 16px)}.image-fallback,.video-fallback{height:180px;font-size:16px}}.comments-section{padding:16px;background:linear-gradient(to bottom,#fff,#f9fafb);border-top:2px solid #e5e7eb;margin-top:12px;border-radius:0 0 8px 8px}.comments-title{font-size:14px;font-weight:700;color:#111827;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.comments-list{max-height:300px;overflow-y:auto;margin-bottom:16px;padding-right:8px}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track{background:transparent}.comments-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.comments-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.comment-item{display:flex;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #e5e7eb;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.comment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-avatar{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#059669,#047857);border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.comment-content{flex:1;min-width:0}.comment-author{font-size:13px;font-weight:600;color:#111827;margin:0 0 4px}.comment-text{font-size:13px;color:#4b5563;margin:0 0 6px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.comment-time{font-size:12px;color:#9ca3af;font-style:italic}.no-comments{font-size:13px;color:#9ca3af;text-align:center;padding:16px 0;margin:0;font-style:italic}.add-comment{display:flex;gap:8px;padding:16px;background:#f0fdf4;border:1px solid #d1e7dd;border-radius:8px;margin-top:4px}.comment-input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:all .3s ease;background:#fff;color:#111827}.comment-input::placeholder{color:#9ca3af}.comment-input:hover{border-color:#9ca3af;background:#f9fafb}.comment-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;background:#fff}.submit-comment-btn{padding:12px 16px;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:48px;box-shadow:0 2px 4px #05966933}.btn-icon{display:inline-block;font-size:16px;font-weight:700}.submit-comment-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px);box-shadow:0 4px 8px #0596694d}.submit-comment-btn:active:not(:disabled){transform:translateY(0)}.submit-comment-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6;box-shadow:none}@media (max-width: 768px){.comments-section{padding:14px;margin-top:8px}.comments-list{max-height:250px;margin-bottom:12px}.comment-item{gap:10px;margin-bottom:12px;padding-bottom:12px}.comment-avatar{width:32px;height:32px;font-size:16px}.comment-author,.comment-text{font-size:12px}.add-comment{gap:6px;padding:12px}.comment-input{padding:10px 12px;font-size:13px}.submit-comment-btn{padding:10px 12px;font-size:13px;min-width:44px}.btn-icon{font-size:14px}}.admin-login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:linear-gradient(135deg,#376590,#1f945d);overflow:hidden}.admin-login__left{display:flex;align-items:center;justify-content:center;padding:40px;background:linear-gradient(135deg,#376590,#1f945d);position:relative;overflow:hidden}.admin-login__left:before{content:"";position:absolute;width:500px;height:500px;background:#ffffff0d;border-radius:50%;bottom:-200px;right:-200px}.admin-login__left:after{content:"";position:absolute;width:300px;height:300px;background:#ffffff08;border-radius:50%;top:-100px;left:-100px}.admin-login__content{position:relative;z-index:1;max-width:450px}.admin-login__content h1{font-size:42px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2;letter-spacing:-.5px}.admin-login__content p{font-size:16px;color:#ffffffe6;margin:0 0 40px;line-height:1.6;font-weight:300}.credentials-section{margin-top:40px}.credentials-section h3{font-size:14px;font-weight:700;color:#fffffff2;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.credentials-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:8px}.credentials-list::-webkit-scrollbar{width:6px}.credentials-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.credentials-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.credentials-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.credential-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff1a;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.credential-item:hover{background:#ffffff26;transform:translate(4px)}.credential-item.active{background:#ffffff40;border-color:#ffffff80;box-shadow:0 4px 12px #0003}.credential-number{font-size:12px;font-weight:700;color:#ffffffb3;min-width:32px}.credential-info{flex:1}.credential-name{font-size:13px;font-weight:600;color:#fff;margin:0 0 2px}.credential-role{font-size:11px;color:#ffffffb3;margin:0}.credential-email{font-size:11px;color:#fff9;text-align:right;font-family:Monaco,Menlo,monospace}.admin-login__right{display:flex;align-items:center;justify-content:center;padding:40px;background:#f9fafb}.login-card{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:48px;box-shadow:0 20px 60px #00000014}.login-header{margin-bottom:32px;text-align:center}.login-header h2{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px;letter-spacing:-.5px}.login-header p{font-size:13px;color:#6b7280;margin:0;font-weight:400}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:600;color:#111827;text-transform:uppercase;letter-spacing:.3px}.form-group input{padding:12px 16px;border:1.5px solid #E5E7EB;border-radius:10px;font-size:14px;font-family:inherit;transition:all .3s ease;background:#fafbfc;color:#111827}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{outline:none;background:#fff;border-color:#376590;box-shadow:0 0 0 3px #3765901a}.form-group input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-group input.input-error{border-color:#ef4444;background:#fef2f2}.form-group input.input-error:focus{box-shadow:0 0 0 3px #ef44441a;border-color:#dc2626}.password-input-group{position:relative;display:flex;align-items:center}.password-input-group input{width:100%}.password-toggle{position:absolute;right:12px;background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover{transform:scale(1.1)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.error-message{font-size:12px;color:#ef4444;margin-top:-4px;display:flex;align-items:center;gap:4px}.error-alert{padding:12px 16px;background:#fee2e2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-button{padding:12px 24px;background:linear-gradient(135deg,#376590,#1f945d);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.3px;min-height:48px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #3765904d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;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)}}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #E5E7EB;text-align:center}.login-footer p{font-size:12px;color:#6b7280;margin:0}@media (max-width: 1024px){.admin-login{grid-template-columns:1fr}.admin-login__left{display:none}.admin-login__right{padding:20px}.login-card{padding:32px}}@media (max-width: 640px){.login-card{padding:24px;border-radius:12px}.login-header h2{font-size:24px}.login-header p{font-size:12px}.form-group{gap:6px}.form-group label{font-size:12px}.form-group input{padding:10px 14px;font-size:13px}.login-button{padding:10px 20px;font-size:14px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;overflow-y:auto;overflow-x:hidden}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:100%;animation:slideUp .3s ease;max-height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.modal-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10}.header-content{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.header-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid white;flex-shrink:0}.header-info{flex:1;min-width:0}.header-info h2{font-size:28px;font-weight:700;margin:0;color:#fff;word-break:break-word}.header-info p{font-size:16px;margin:8px 0 0;color:#fffffff2}.modal-close{background:#fff3;border:none;color:#fff;font-size:28px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{padding:32px}.info-section{margin-bottom:40px}.section-header{font-size:16px;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.5px;margin:0 0 24px;padding-bottom:16px;border-bottom:3px solid #10B981}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.info-item{display:flex;flex-direction:column}.info-item label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.info-item .info-value{font-size:16px;font-weight:500;color:#111827;word-break:break-word;line-height:1.5}.info-item .username-value{font-family:Courier New,monospace;background:#f3f4f6;padding:12px 16px;border-radius:8px;color:#374151;font-size:14px}.status-badge{display:inline-block;padding:8px 16px;border-radius:24px;font-size:13px;font-weight:600;text-transform:capitalize;width:fit-content}.status-active{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-rejected{background:#fee2e2;color:#991b1b}.status-approved{background:#d1fae5;color:#065f46}.stats-section{margin-bottom:32px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:28px;border-radius:14px;border:1px solid #E5E7EB}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.stat-card{background:#fff;padding:20px;border-radius:12px;text-align:center;border:2px solid #E5E7EB;transition:all .3s ease}.stat-card:hover{border-color:#10b981;box-shadow:0 8px 20px #10b98126;transform:translateY(-4px)}.stat-icon{font-size:32px;margin-bottom:12px;display:block}.stat-value{font-size:22px;font-weight:700;color:#111827;margin-bottom:6px}.stat-label{font-size:13px;color:#6b7280;font-weight:500}.modal-footer{padding:20px 32px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:2px solid #E5E7EB;display:flex;gap:16px;justify-content:flex-end;border-radius:0 0 16px 16px;position:sticky;bottom:0;z-index:10}.btn-close{padding:12px 28px;border:2px solid #D1D5DB;background:#fff;color:#374151;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.btn-close:hover{background:#f3f4f6;border-color:#10b981;color:#10b981}.btn-edit{padding:12px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.btn-edit:active{transform:translateY(0)}@media (max-width: 1024px){.modal-header{padding:24px;gap:16px}.header-avatar{width:80px;height:80px}.header-info h2{font-size:24px}.header-info p{font-size:14px}.modal-body{padding:24px}.info-grid{gap:20px}.stats-grid{grid-template-columns:1fr 1fr;gap:16px}.section-header{font-size:14px;margin-bottom:18px}}@media (max-width: 768px){.modal-overlay{padding:20px 8px 8px;align-items:flex-start}.modal-content{border-radius:12px;max-height:calc(100vh - 40px)}.modal-header{flex-direction:column;text-align:center;padding:20px;border-radius:12px 12px 0 0}.header-content{flex-direction:column;align-items:center;width:100%}.header-avatar{width:70px;height:70px}.header-info h2{font-size:20px}.header-info p{font-size:13px}.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;font-size:20px}.modal-body{padding:20px}.info-grid{grid-template-columns:1fr;gap:16px}.info-item label{font-size:12px;margin-bottom:8px}.info-item .info-value{font-size:14px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-icon{font-size:28px;margin-bottom:8px}.stat-value{font-size:18px}.stat-label{font-size:12px}.modal-footer{flex-direction:column-reverse;gap:12px;padding:16px 20px}.btn-close,.btn-edit{width:100%;padding:11px 24px;font-size:14px}.section-header{font-size:13px;margin-bottom:16px}.stats-section{padding:20px;margin-bottom:24px}.info-section{margin-bottom:28px}}@media (max-width: 480px){.modal-overlay{padding:12px 0 0}.modal-content{max-height:calc(100vh - 24px);border-radius:8px}.modal-header{padding:16px;gap:12px;border-radius:8px 8px 0 0}.header-avatar{width:60px;height:60px}.header-info h2{font-size:18px}.header-info p{font-size:12px;margin-top:6px}.modal-close{width:36px;height:36px;font-size:18px;top:12px;right:12px}.modal-body{padding:16px}.info-grid{gap:14px}.info-item label{font-size:11px;margin-bottom:6px}.info-item .info-value{font-size:13px}.info-item .username-value{padding:10px 12px;font-size:12px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:16px}.stat-icon{font-size:24px;margin-bottom:6px}.stat-value{font-size:16px;margin-bottom:4px}.stat-label{font-size:11px}.stats-section{padding:16px;margin-bottom:20px;border-radius:10px}.section-header{font-size:12px;margin-bottom:14px;padding-bottom:12px}.modal-footer{padding:12px 16px;gap:10px}.btn-close,.btn-edit{padding:10px 16px;font-size:13px;border-radius:6px}.info-section{margin-bottom:20px}.status-badge{padding:6px 12px;font-size:12px}}@media (max-width: 360px){.modal-header{padding:12px}.header-avatar{width:50px;height:50px}.header-info h2{font-size:16px}.modal-body{padding:12px}.stats-grid{gap:8px}.stat-card{padding:12px}.stat-icon{font-size:20px}.stat-value{font-size:14px}}.doctor-data{padding:32px;background:#f9fafb;min-height:calc(100vh - 100px)}.doctor-data h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:24px}.doctor-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;font-size:18px;color:#6b7280;pointer-events:none}.search-input{width:100%;padding:12px 12px 12px 40px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-doctor-btn{padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-doctor-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.add-doctor-btn:active{transform:translateY(0)}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.doctors-table{width:100%;border-collapse:collapse}.doctors-table thead{background:#f3f4f6;border-bottom:2px solid #E5E7EB}.doctors-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.doctors-table tbody tr{border-bottom:1px solid #E5E7EB;transition:background .2s ease}.doctors-table tbody tr:hover{background:#fafbfc}.doctors-table td{padding:16px;font-size:14px;color:#374151;vertical-align:middle}.doctor-name{display:flex;align-items:center;gap:12px}.doctor-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#e5e7eb}.doctor-name span{font-weight:500;color:#111827}.specialty-badge{display:inline-block;padding:4px 12px;background:#ede9fe;color:#6d28d9;border-radius:20px;font-size:12px;font-weight:500}.email-link{color:#3b82f6;text-decoration:none;transition:color .2s ease}.email-link:hover{color:#1d4ed8;text-decoration:underline}.actions{display:flex;gap:8px}.action-btn{padding:6px 12px;border:1px solid #D1D5DB;background:#fff;color:#374151;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.edit-btn{color:#2563eb;border-color:#2563eb}.edit-btn:hover{background:#eff6ff;border-color:#1d4ed8;color:#1d4ed8}.view-btn{color:#10b981;border-color:#10b981}.view-btn:hover{background:#f0fdf4;border-color:#059669;color:#059669}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border-top:1px solid #E5E7EB;font-size:14px}.pagination-info{color:#6b7280;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-btn{padding:8px 16px;border:1px solid #D1D5DB;background:#fff;color:#374151;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#f0f9ff}.page-number{font-weight:600;color:#111827;min-width:70px;text-align:center}.table-loading,.table-empty{padding:48px 16px;text-align:center;color:#6b7280;font-size:16px}.table-loading p,.table-empty p{margin:0}@media (max-width: 1024px){.doctor-data{padding:24px}.doctor-header{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.add-doctor-btn{width:100%}.doctors-table th,.doctors-table td{padding:12px;font-size:13px}.doctor-avatar{width:36px;height:36px}}@media (max-width: 768px){.doctor-data{padding:16px}.doctor-data h1{font-size:24px;margin-bottom:16px}.doctors-table{font-size:12px}.doctors-table th,.doctors-table td{padding:10px 8px}.doctor-name{gap:8px}.doctor-avatar{width:32px;height:32px}.actions{gap:4px}.action-btn{padding:4px 8px;font-size:11px}.table-pagination{flex-direction:column;gap:12px;text-align:center}.pagination-controls{width:100%;justify-content:center}}@media (max-width: 480px){.doctor-data{padding:12px}.doctor-data h1{font-size:20px}.doctors-table{font-size:11px}.doctors-table th,.doctors-table td{padding:8px 4px}.doctor-name span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-link{display:none}.action-btn{padding:4px 6px;font-size:10px}.specialty-badge{padding:2px 6px;font-size:10px}}.admin-visitors-page{padding:32px;background:#f9fafb;min-height:calc(100vh - 100px)}.admin-visitors-page h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:32px}.admin-visitors-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.admin-stat-card{background:#fff;padding:28px;border-radius:14px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:space-between;border:1px solid #F0F1F3;transition:all .3s ease}.admin-stat-card:hover{box-shadow:0 4px 12px #0000001f;border-color:#e5e7eb}.admin-stat-content{display:flex;flex-direction:column;gap:10px;flex:1}.admin-stat-label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;display:block}.admin-stat-value{font-size:40px;font-weight:800;color:#111827;line-height:1;letter-spacing:-.5px}.admin-stat-icon{font-size:40px;opacity:.85;margin-left:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px}.admin-visitors-controls{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap}.admin-tabs{display:flex;gap:8px}.admin-tab{padding:10px 20px;border:none;background:#f3f4f6;color:#6b7280;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.admin-tab:hover{background:#e5e7eb}.admin-tab.active{background:#10b981;color:#fff}.admin-controls{display:flex;align-items:center;gap:12px}.admin-timeframe-select{padding:10px 16px;border:1px solid #D1D5DB;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-timeframe-select:hover,.admin-timeframe-select:focus{border-color:#10b981;outline:none}.admin-export-btn{padding:10px 20px;background:#fff;border:1px solid #D1D5DB;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-export-btn:hover{background:#f3f4f6;border-color:#10b981}.admin-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.admin-visitors-table{width:100%;border-collapse:collapse}.admin-visitors-table thead{background:#f3f4f6;border-bottom:2px solid #E5E7EB}.admin-visitors-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.admin-visitors-table tbody tr{border-bottom:1px solid #E5E7EB;transition:background .2s ease}.admin-visitors-table tbody tr:hover{background:#fafbfc}.admin-visitors-table td{padding:16px;font-size:14px;color:#374151;vertical-align:middle}.admin-visitor-name{display:flex;align-items:center;gap:8px;font-weight:500}.admin-visitor-icon{font-size:16px}.admin-type-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.admin-type-badge.admin-type-patient{background:#dbeafe;color:#1e40af}.admin-type-badge.admin-type-caregiver{background:#e9d5ff;color:#6b21a8}.admin-interests{display:flex;flex-wrap:wrap;gap:6px}.admin-interest-tag{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid}.admin-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border-top:1px solid #E5E7EB;font-size:14px}.admin-pagination-info{color:#6b7280;font-weight:500}.admin-pagination-controls{display:flex;align-items:center;gap:8px}.admin-pagination-btn{padding:8px 12px;border:1px solid #D1D5DB;background:#fff;color:#374151;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-pagination-btn:hover:not(:disabled){border-color:#10b981;color:#10b981;background:#f0fdf4}.admin-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-pagination-btn.active{background:#10b981;color:#fff;border-color:#10b981}.admin-pagination-dots{color:#9ca3af}.admin-table-loading,.admin-table-empty{padding:48px 16px;text-align:center;color:#6b7280}@media (max-width: 1024px){.admin-visitors-page{padding:24px}.admin-visitors-stats{grid-template-columns:repeat(3,1fr)}.admin-visitors-controls{flex-direction:column;align-items:stretch;gap:16px}.admin-controls{width:100%}.admin-timeframe-select,.admin-export-btn{flex:1;width:100%}.admin-visitors-table th,.admin-visitors-table td{padding:12px;font-size:13px}.admin-visitor-name{gap:6px}.admin-interest-tag{padding:3px 8px;font-size:11px}.admin-pagination-controls{gap:6px}.admin-pagination-btn{padding:6px 10px;font-size:12px}}@media (max-width: 768px){.admin-visitors-page{padding:16px}.admin-visitors-page h1{font-size:24px;margin-bottom:16px}.admin-visitors-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.admin-stat-card{padding:16px}.admin-stat-value{font-size:24px}.admin-stat-icon{font-size:20px}.admin-tabs{gap:6px}.admin-tab{padding:8px 16px;font-size:13px}.admin-visitors-table{font-size:12px}.admin-visitors-table th,.admin-visitors-table td{padding:10px 8px}.admin-visitor-name{gap:4px;font-size:13px}.admin-type-badge{padding:4px 8px;font-size:11px}.admin-interests{gap:4px}.admin-interest-tag{padding:2px 6px;font-size:10px}.admin-table-pagination{flex-direction:column;gap:12px;text-align:center}.admin-pagination-info{width:100%}.admin-pagination-controls{width:100%;justify-content:center}}@media (max-width: 480px){.admin-visitors-page{padding:12px}.admin-visitors-page h1{font-size:20px}.admin-visitors-stats{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.admin-stat-card{padding:12px}.admin-stat-label{font-size:11px}.admin-stat-value{font-size:20px}.admin-stat-icon{font-size:18px}.admin-visitors-controls{padding:16px;gap:12px}.admin-tabs{width:100%;gap:4px;justify-content:space-between}.admin-tab{flex:1;padding:8px 12px;font-size:12px}.admin-controls{width:100%;gap:8px}.admin-timeframe-select,.admin-export-btn{flex:1;padding:8px 12px;font-size:12px}.admin-visitors-table th,.admin-visitors-table td{padding:8px 6px;font-size:11px}.admin-visitor-name{gap:4px;font-size:12px}.admin-visitor-icon{font-size:14px}.admin-type-badge{padding:3px 6px;font-size:10px}.admin-interests{gap:3px}.admin-interest-tag{padding:2px 5px;font-size:9px}.admin-pagination-btn{padding:6px 8px;font-size:11px}}.content-page{padding:32px;background:#f9fafb;min-height:calc(100vh - 100px)}.content-page h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:24px}.content-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.content-stats .stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px;transition:all .2s ease}.content-stats .stat-card:hover{box-shadow:0 4px 12px #00000026}.stat-icon{font-size:32px}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#111827}.stat-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:capitalize}.content-controls{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap}.tabs-and-search{display:flex;align-items:center;gap:20px;flex:1;min-width:500px}.tabs{display:flex;gap:8px;border-bottom:2px solid #E5E7EB}.tab{padding:12px 16px;border:none;background:transparent;color:#6b7280;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.tab:hover{color:#10b981}.tab.active{color:#10b981;border-bottom-color:#10b981}.search-box{display:flex;align-items:center;gap:8px;flex:1;padding:10px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;transition:all .2s ease}.search-box:focus-within{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.search-icon{font-size:16px;color:#9ca3af}.search-input{border:none;background:transparent;color:#374151;font-size:14px;flex:1;outline:none}.search-input::placeholder{color:#9ca3af}.sort-control{display:flex;align-items:center;gap:12px;white-space:nowrap}.sort-control label{font-size:14px;font-weight:600;color:#374151}.sort-select{padding:10px 16px;border:1px solid #D1D5DB;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.sort-select:hover,.sort-select:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.content-grid-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:24px}.content-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.content-card:hover{border-color:#10b981;box-shadow:0 8px 24px #10b98126;transform:translateY(-4px)}.content-thumbnail{position:relative;width:100%;height:200px;background:#f3f4f6;overflow:hidden}.thumbnail-image{width:100%;height:100%;object-fit:cover}.content-badge{position:absolute;top:12px;left:12px;background:#10b981e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.content-info{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.content-title{font-size:16px;font-weight:700;color:#111827;margin:0;line-height:1.4}.content-description{font-size:13px;color:#6b7280;margin:0;line-height:1.5;flex:1}.content-doctor{display:flex;align-items:center;gap:8px}.doctor-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB}.doctor-name{font-size:13px;font-weight:600;color:#374151}.content-date{font-size:12px;color:#9ca3af;font-weight:500}.content-stats-row{display:flex;gap:16px;padding:12px 0;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB}.stat{font-size:12px;color:#374151;font-weight:600;display:flex;align-items:center;gap:4px}.delete-btn{padding:10px 16px;background:#fff;border:2px solid #EF4444;color:#ef4444;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.delete-btn:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.content-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;background:#f9fafb;border-top:1px solid #E5E7EB}.pagination-btn{padding:8px 12px;border:1px solid #D1D5DB;background:#fff;color:#374151;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#10b981;color:#10b981;background:#f0fdf4}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#10b981;color:#fff;border-color:#10b981}.pagination-dots{color:#9ca3af;font-weight:600}.content-loading,.content-empty{padding:64px 24px;text-align:center;color:#6b7280;font-size:16px}@media (max-width: 1024px){.content-page{padding:24px}.content-controls{flex-direction:column;align-items:stretch}.tabs-and-search{flex-direction:column;min-width:auto;width:100%}.tabs{width:100%;flex-wrap:wrap;border-bottom:none}.tab{border-bottom:2px solid transparent;margin-bottom:0;padding:8px 12px}.tab.active{border-bottom:2px solid #10B981}.search-box{width:100%}.sort-control{width:100%;justify-content:flex-start}.sort-select{flex:1}.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px}.content-thumbnail{height:180px}.content-info{padding:16px}.content-title{font-size:15px}}@media (max-width: 768px){.content-page{padding:16px}.content-page h1{font-size:24px;margin-bottom:16px}.content-stats{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.content-stats .stat-card{padding:16px}.stat-value{font-size:20px}.stat-icon{font-size:28px}.content-controls{padding:16px;gap:12px}.tabs-and-search{gap:12px}.search-input{font-size:13px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:16px}.content-thumbnail{height:160px}.content-info{padding:12px;gap:8px}.content-title{font-size:14px}.content-description{font-size:12px}.content-stats-row{padding:8px 0;gap:12px}.delete-btn{padding:8px 12px;font-size:12px}.content-pagination{padding:16px;gap:6px}.pagination-btn{padding:6px 10px;font-size:12px}}.comments-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comments-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.comments-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #E5E7EB;gap:16px}.comments-modal-title h2{font-size:18px;font-weight:700;color:#111827;margin:0 0 12px;line-height:1.4}.comments-badge{display:inline-block;background:#10b981;color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.comments-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.comments-modal-close:hover{background:#f3f4f6;color:#111827}.comments-modal-content{flex:1;overflow-y:auto;padding:24px}.comments-loading,.comments-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:#6b7280;font-size:14px}.comments-list{display:flex;flex-direction:column;gap:20px}.comment-item{padding:16px;background:#f9fafb;border-radius:8px;transition:all .2s ease}.comment-item:hover{background:#f3f4f6}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}.comment-author{font-size:15px;font-weight:600;color:#111827;margin:0}.comment-date{font-size:12px;color:#9ca3af;white-space:nowrap}.comment-text{font-size:14px;color:#374151;line-height:1.6;margin:0}.stat-button:hover{color:#10b981;transform:scale(1.05)}.likes-list{display:flex;flex-direction:column;gap:20px}.like-item{padding:16px;background:#f9fafb;border-radius:8px;transition:all .2s ease}.like-item:hover{background:#f3f4f6}.like-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}.like-author{font-size:15px;font-weight:600;color:#111827;margin:0}.like-date{font-size:12px;color:#9ca3af;white-space:nowrap}.like-text{font-size:14px;color:#ef4444;line-height:1.6;margin:0;font-weight:500}@media (max-width: 640px){.comments-modal{width:95%;max-height:90vh}.comments-modal-header{padding:16px;flex-direction:column}.comments-modal-title h2{font-size:16px}.comments-modal-close{align-self:flex-end}.comments-modal-content{padding:16px}.comment-header{flex-direction:column;align-items:flex-start}.comment-date{white-space:normal}}@media (max-width: 480px){.content-page{padding:12px}.content-page h1{font-size:20px}.content-stats{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.content-stats .stat-card{padding:12px}.stat-value{font-size:18px}.stat-icon{font-size:24px}.content-controls{padding:12px;flex-direction:column;gap:12px}.tabs-and-search{flex-direction:column;gap:8px;width:100%}.tabs{width:100%;justify-content:space-between}.tab{padding:6px 8px;font-size:12px;flex:1;text-align:center}.search-box{width:100%;padding:8px 12px}.search-icon{font-size:14px}.search-input{font-size:12px}.sort-control{width:100%;flex-direction:column}.sort-control label{font-size:12px}.sort-select{width:100%;font-size:12px}.content-grid{grid-template-columns:1fr;gap:12px;padding:12px}.content-thumbnail{height:200px}.content-info{padding:12px;gap:8px}.content-title{font-size:14px}.content-description{font-size:12px}.content-stats-row{padding:8px 0;gap:10px}.stat{font-size:11px}.delete-btn{padding:8px 12px;font-size:12px}.content-pagination{flex-wrap:wrap;padding:12px;gap:4px;justify-content:center}.pagination-btn{padding:6px 8px;font-size:11px}}.admin-dashboard{display:flex;min-height:100vh;background:#f9fafb;width:100%}.admin-dashboard-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#6b7280}.admin-sidebar{background:linear-gradient(135deg,#2d5f7f,#1e7c3f);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;width:280px;z-index:1000;box-shadow:2px 0 8px #0000001a}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:-.5px}.logo-icon{font-size:24px}.logo-text{color:#fff}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:16px 12px;overflow-y:auto;gap:8px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.sidebar-nav-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:#fff;transform:scaleY(0);transition:transform .3s ease}.sidebar-nav-item:hover{background:#ffffff1a;color:#fff}.sidebar-nav-item.active{background:#ffffff26;color:#fff;font-weight:600}.sidebar-nav-item.active:before{transform:scaleY(1)}.nav-icon{font-size:18px;min-width:24px}.nav-label{flex:1}.nav-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;margin-left:auto}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.admin-profile{display:flex;align-items:center;gap:12px}.profile-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff}.profile-info{flex:1}.profile-name{font-size:13px;font-weight:600;color:#fff;margin:0}.profile-role{font-size:11px;color:#ffffffb3;margin:0}.logout-button{padding:10px 16px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:#ffffff40;border-color:#ffffff80}.admin-main{margin-left:280px;display:flex;flex-direction:column;overflow-y:auto;width:calc(100% - 280px);flex:1;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#fff;border-bottom:1px solid #E5E7EB;sticky:0;z-index:100}.header-title h1{font-size:28px;font-weight:700;color:#111827;margin:0;letter-spacing:-.5px}.header-title p{font-size:13px;color:#6b7280;margin:4px 0 0}.export-button{padding:10px 16px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.export-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0596694d}.dashboard-content{padding:32px;display:flex;flex-direction:column;gap:32px}.metrics-section{width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014;transition:all .3s ease;border:1px solid #E5E7EB}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.metric-icon{font-size:24px}.metric-trend{font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;background:#0000000d}.metric-value{font-size:28px;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.5px}.metric-label{font-size:13px;color:#6b7280;margin:0}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:24px;width:100%}.chart-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014;border:1px solid #E5E7EB}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-header h3{font-size:16px;font-weight:700;color:#111827;margin:0}.chart-filters{display:flex;gap:8px}.filter-btn{padding:4px 12px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:4px;font-size:12px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:#e5e7eb}.filter-btn.active{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-color:transparent}.engagement-chart-svg{width:100%;height:auto}.bar-chart{display:flex;flex-direction:column;gap:16px}.bar-item{display:grid;grid-template-columns:60px 1fr 40px;gap:12px;align-items:center}.bar-label{font-size:12px;color:#6b7280;text-align:right}.bar-wrapper{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#059669,#10b981);border-radius:6px;animation:slideIn .5s ease}@keyframes slideIn{0%{width:0!important}}.bar-value{font-size:12px;font-weight:600;color:#111827;text-align:right}.visitor-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.age-groups{display:flex;flex-direction:column;gap:20px}.age-group{display:grid;grid-template-columns:70px 1fr 50px;gap:12px;align-items:center}.age-label{font-size:12px;color:#6b7280;font-weight:600}.age-bar{height:14px;background:#e5e7eb;border-radius:7px;overflow:hidden}.age-fill{height:100%;border-radius:7px}.age-count{font-size:12px;font-weight:700;color:#111827;text-align:right}.pie-chart{display:flex;justify-content:space-between;align-items:center;gap:24px}.pie-legend{display:flex;flex-direction:column;gap:16px;flex:1}.legend-item{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:center;font-size:13px}.legend-color{width:16px;height:16px;border-radius:3px}.legend-label{color:#6b7280;font-weight:500}.legend-value{color:#111827;font-weight:700;margin-left:auto}.legend-percent{color:#6b7280;font-size:12px;margin-left:8px}.most-viewed-section{width:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.view-all-btn{background:none;border:none;color:#059669;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{color:#047857;transform:translate(2px)}.content-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid #E5E7EB}.content-table table{width:100%;border-collapse:collapse}.content-table thead{background:#f9fafb;border-bottom:1px solid #E5E7EB}.content-table th{padding:16px;text-align:left;font-size:12px;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.3px}.content-table tbody tr{border-bottom:1px solid #E5E7EB;transition:background .2s ease}.content-table tbody tr:hover{background:#f9fafb}.content-table tbody tr:last-child{border-bottom:none}.content-table td{padding:16px;font-size:13px;color:#6b7280}.content-cell{display:flex;align-items:center;gap:12px}.content-icon{font-size:18px}.content-title{color:#111827;font-weight:500}.type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.2px}.type-badge.article{background:#d1f3e2;color:#059669}.type-badge.video{background:#dbeafe;color:#1e40af}.views-count,.likes-count,.comments-count{font-weight:600;color:#111827}.engagement-bar{display:flex;align-items:center;gap:8px;height:24px}.engagement-fill{height:6px;border-radius:3px;flex:1;background:#10b981}.engagement-text{font-size:12px;font-weight:600;color:#111827;min-width:40px;text-align:right}@media (max-width: 1400px){.charts-section,.visitor-stats{grid-template-columns:1fr}}@media (max-width: 1199px){.admin-sidebar{width:220px}.admin-main{margin-left:220px;width:calc(100% - 220px)}.sidebar-nav-item{padding:10px 12px;font-size:13px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px}.metric-card{padding:16px}.charts-section,.visitor-stats{grid-template-columns:1fr}}@media (max-width: 1023px){.admin-dashboard{flex-direction:column}.admin-sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;transform:translate(-100%);transition:transform .3s ease;z-index:1100}.admin-sidebar.active{transform:translate(0)}.admin-main{margin-left:0;width:100%}.admin-header{padding:16px 20px}.header-title h1{font-size:22px}.dashboard-content{padding:16px;gap:20px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:14px}.charts-section{grid-template-columns:1fr}.chart-card{padding:14px}.visitor-stats{grid-template-columns:1fr}}@media (max-width: 767px){.admin-sidebar{display:none}.admin-main{margin-left:0;width:100%}.admin-header{flex-direction:column;gap:12px;align-items:flex-start;padding:12px 16px}.header-title h1{font-size:20px}.header-title p{font-size:12px}.dashboard-content{padding:12px;gap:16px}.metrics-grid{grid-template-columns:1fr;gap:10px}.metric-card{padding:12px}.metric-label{font-size:11px}.metric-value{font-size:20px}.chart-card{padding:12px}.chart-header h3{font-size:13px}.content-table{font-size:11px;overflow-x:auto}.content-table th,.content-table td{padding:10px 6px}.bar-item{grid-template-columns:45px 1fr 30px}.pie-chart{flex-direction:column}.export-button{padding:8px 14px;font-size:12px}.visitor-stats{grid-template-columns:1fr}}@media (max-width: 599px){.admin-dashboard{min-height:100vh}.admin-sidebar{display:none}.admin-main{margin-left:0;width:100%}.admin-header{flex-direction:column;gap:10px;align-items:flex-start;padding:10px 12px;min-height:auto}.header-title h1{font-size:18px;margin:0}.header-title p{font-size:11px}.dashboard-content{padding:10px;gap:12px}.metrics-grid{grid-template-columns:1fr;gap:8px}.metric-card{padding:10px;min-width:0}.metric-icon{width:40px;height:40px;font-size:20px}.metric-label{font-size:10px}.metric-value{font-size:18px}.chart-card{padding:10px;margin-bottom:8px}.chart-header{flex-direction:column;align-items:flex-start;gap:4px}.chart-header h3{font-size:12px}.chart-period{font-size:11px}.content-table{font-size:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.content-table th,.content-table td{padding:8px 4px}.bar-item{grid-template-columns:40px 1fr 25px;gap:6px}.bar-value{font-size:10px}.pie-chart{flex-direction:column;gap:12px}.pie-legend{flex-direction:row;flex-wrap:wrap}.pie-legend-item{font-size:10px;padding:4px 8px}.export-button{padding:8px 12px;font-size:11px;width:100%}.visitor-stats{grid-template-columns:1fr}.visitor-item{padding:10px;gap:8px}}@font-face{font-family:Myriad Pro;src:url(/assets/MYRIADPRO-REGULAR-DQFfhlAL.OTF) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Swis;src:url(/assets/Swis-A4RUHoqJ.ttf) format("truetype");font-weight:400;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}*:focus,*:focus-visible{outline:none}html{scroll-behavior:smooth;font-size:16px}body{font-family:Myriad Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1f2937}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{line-height:1.6;margin-bottom:1rem}a{color:#1e40af;text-decoration:none;transition:color .3s ease}a:hover{color:#1e3a8a}ul,ol{margin:1rem 0;padding-left:2rem}li{margin-bottom:.5rem;line-height:1.6}input,textarea,select{font-family:inherit;font-size:1rem;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;transition:border-color .3s ease,box-shadow .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}textarea{resize:vertical;min-height:120px}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:24px;cursor:pointer;font-size:14px;font-weight:600;color:#6b7280;transition:all .3s ease;white-space:nowrap;flex-shrink:0;margin-bottom:0}.back-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151;transform:translate(-4px)}.back-btn:active{background:#d1d5db;border-color:#6b7280}.section-title{font-size:48px;font-weight:900;background:linear-gradient(90deg,#1c3770,#00953e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;letter-spacing:-.5px;line-height:1.2;text-align:center}.section-title-center{text-align:center}.section-title-left{text-align:left}.section-title__heading{font-size:2rem;font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-md);line-height:1.2}.section-title__subtitle{font-size:1.125rem;color:var(--neutral-600);line-height:1.6;max-width:600px;margin:0 auto}.section-title-left .section-title__subtitle{margin:0}@media (max-width: 1024px) and (min-width: 641px){.section-title{font-size:36px;margin-bottom:10px}.section-title__heading{font-size:1.5rem}.section-title__subtitle{font-size:1rem}}@media (max-width: 640px){.section-title{font-size:28px;margin-bottom:8px;letter-spacing:-.3px;line-height:1.15}.section-title__heading{font-size:1.5rem}.section-title__subtitle{font-size:1rem}}@media (max-width: 480px){.section-title{font-size:24px;margin-bottom:6px;letter-spacing:-.2px;line-height:1.1}.section-title__heading{font-size:1.25rem}.section-title__subtitle{font-size:.95rem}}.section-subtitle{font-size:20px;color:#6b7280;margin:0 0 40px;font-weight:400;text-align:center}.do-dont-box{border-radius:12px;padding:24px;text-align:left}.do-dont-box--dos{background:#d1fae5}.do-dont-box--donts{background:#fff0f0}.do-dont-badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:8px 16px;border-radius:24px;margin-bottom:16px;white-space:nowrap}.do-dont-badge--dos{background:#46b828;color:#fff;font-weight:700;font-size:20px}.do-dont-badge--donts{background:#828282;color:#fff;font-weight:700;font-size:20px}.do-dont-list{list-style:disc;margin:0;padding-left:24px;display:flex;flex-direction:column;gap:12px}.do-dont-list__item{color:#1f2937;font-size:20px;line-height:1.6}img{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}th{background-color:#f9fafb;font-weight:600;color:#1f2937}tr:hover{background-color:#f9fafb}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 640px){html{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}}.accordion-item{background:#f9fafb;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease;position:relative}.accordion-item:hover{box-shadow:0 4px 12px #00000014}.accordion-item.expanded{border:4px solid transparent;background-image:linear-gradient(#f9fafb,#f9fafb),linear-gradient(90deg,#1e3a8a,#10b981);background-origin:border-box;background-clip:content-box,border-box;border-radius:16px;box-shadow:0 4px 16px #10b98133}.accordion-header{width:100%;padding:20px 24px;background:#f9fafb;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.accordion-header:hover,.accordion-header.active{background-color:#f3f4f6}.accordion-header-left{display:flex;align-items:center;gap:16px;flex:1;text-align:left}.accordion-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0f3a7d,#059669);border-radius:12px;flex-shrink:0;object-fit:cover;font-size:1.5rem}.accordion-icon-circle{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;transition:all .3s ease;background:linear-gradient(135deg,#0f766e,#14b8a6)}.accordion-header-text{display:flex;flex-direction:column;gap:4px;align-items:flex-start;flex:1}.accordion-header h4{font-size:22px;font-weight:700;color:#0f3a7d;margin:0}.accordion-header p{font-size:18px;color:#9ca3af;margin:0}.accordion-arrow{font-size:24px;color:#9ca3af;transition:transform .3s ease;flex-shrink:0}.accordion-arrow.expanded{transform:rotate(90deg)}.accordion-body{padding:1.75rem;animation:slideDownSmooth .3s ease;background:#fff;position:relative;z-index:2;color:#374151;border-top:1px solid #e5e7eb;overflow:hidden}@keyframes slideDownSmooth{0%{opacity:0;transform:translateY(-12px);max-height:0}to{opacity:1;transform:translateY(0);max-height:100vh}}.footer-divider{position:relative;height:300px;background:linear-gradient(180deg,#fff,#fff);overflow:hidden}.divider-wave{position:relative;bottom:0;left:0;width:100%;height:100%;background-image:url(/wave-divider.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-position-y:10%}:root{--primary-dark: #0f172a;--primary-navy: #1c3770;--primary-blue: #3b82f6;--primary-light: #dbeafe;--secondary-green: #059669;--secondary-teal: #0d9488;--secondary-emerald: #10b981;--neutral-white: #f5f1ed;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-modal: 1040;--z-popover: 1060;--z-tooltip: 1080}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-md);width:100%}@media (min-width: 1920px){.container{max-width:1600px;padding:0 60px}}@media (min-width: 2560px){.container{max-width:2000px;padding:0 80px}}@media (min-width: 3840px){.container{max-width:2560px;padding:0 120px}}@media (max-width: 1919px){.container{max-width:1280px;padding:0 40px}}@media (max-width: 1024px){.container{max-width:100%;padding:0 32px}}@media (max-width: 768px){.container{max-width:100%;padding:0 24px}}@media (max-width: 480px){.container{max-width:100%;padding:0 16px}}.section-padding{padding:var(--space-3xl) 0}.text-center{text-align:center}.text-right{text-align:right}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}.hide-mobile{display:none}.show-mobile{display:block}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333%}.sm\:w-2\/3{width:66.666%}.sm\:w-full{width:100%}.sm\:p-md{padding:var(--space-md)}.sm\:p-lg{padding:var(--space-lg)}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:text-lg{font-size:1.125rem}.sm\:gap-sm{gap:var(--space-sm)}.sm\:gap-md{gap:var(--space-md)}.sm\:gap-lg{gap:var(--space-lg)}.show-mobile{display:none}.hide-mobile{display:block}}@media (min-width: 1024px){.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:block{display:block}.md\:inline-block{display:inline-block}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333%}.md\:w-1\/4{width:25%}.md\:w-2\/3{width:66.666%}.md\:w-3\/4{width:75%}.md\:w-full{width:100%}.md\:grid-2{grid-template-columns:repeat(2,1fr)}.md\:grid-3{grid-template-columns:repeat(3,1fr)}.md\:grid-4{grid-template-columns:repeat(4,1fr)}.md\:p-lg{padding:var(--space-lg)}.md\:p-xl{padding:var(--space-xl)}.md\:text-lg{font-size:1.125rem}.md\:text-xl{font-size:1.25rem}.md\:gap-md{gap:var(--space-md)}.md\:gap-lg{gap:var(--space-lg)}}@media (min-width: 1280px){.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-5{grid-template-columns:repeat(5,1fr)}.lg\:grid-6{grid-template-columns:repeat(6,1fr)}.lg\:gap-lg{gap:var(--space-lg)}.lg\:gap-xl{gap:var(--space-xl)}.lg\:text-2xl{font-size:1.5rem}}@media (min-width: 1920px){.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:block{display:block}.xl\:w-1\/4{width:25%}.xl\:w-1\/3{width:33.333%}.xl\:w-1\/2{width:50%}.xl\:w-2\/3{width:66.666%}.xl\:w-3\/4{width:75%}.xl\:w-full{width:100%}.xl\:grid-3{grid-template-columns:repeat(3,1fr)}.xl\:grid-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-5{grid-template-columns:repeat(5,1fr)}.xl\:grid-6{grid-template-columns:repeat(6,1fr)}.xl\:p-lg{padding:var(--space-lg)}.xl\:p-xl{padding:var(--space-xl)}.xl\:text-lg{font-size:1.125rem}.xl\:text-xl{font-size:1.25rem}.xl\:text-2xl{font-size:1.5rem}.xl\:gap-lg{gap:var(--space-lg)}.xl\:gap-xl{gap:var(--space-xl)}}@media (min-width: 2560px){._2xl\:flex{display:flex}._2xl\:grid{display:grid}._2xl\:hidden{display:none}._2xl\:block{display:block}._2xl\:grid-4{grid-template-columns:repeat(4,1fr)}._2xl\:grid-5{grid-template-columns:repeat(5,1fr)}._2xl\:grid-6{grid-template-columns:repeat(6,1fr)}._2xl\:text-lg{font-size:1.125rem}._2xl\:text-xl{font-size:1.25rem}._2xl\:text-2xl{font-size:1.5rem}._2xl\:gap-lg{gap:var(--space-lg)}._2xl\:gap-xl{gap:var(--space-xl)}}@media (min-width: 3840px){._3xl\:flex{display:flex}._3xl\:grid{display:grid}._3xl\:grid-5{grid-template-columns:repeat(5,1fr)}._3xl\:grid-6{grid-template-columns:repeat(6,1fr)}._3xl\:text-2xl{font-size:1.5rem}._3xl\:gap-xl{gap:var(--space-xl)}}