:root{--primary-color: #06B6D4;--secondary-color: #2196F3;--accent-color: #F59E0B;--text-color: #1F2937;--light-text: #4B5563;--background-color: #FFFFFF;--light-background: #F8FAFC;--border-color: #E2E8F0;--shadow-color: rgba(0, 0, 0, .1);--success-color: #2196F3;--error-color: #EF4444;--warning-color: #F59E0B;--info-color: #06B6D4;--gradient-start: #F0F9FF;--gradient-end: #FFFFFF}.dark-mode{--primary-color: #22D3EE;--secondary-color: #34D399;--accent-color: #FBBF24;--text-color: #FFFFFF;--light-text: #CBD5E1;--background-color: #0F172A;--light-background: #1E293B;--border-color: #475569;--shadow-color: rgba(0, 0, 0, .3);--gradient-start: #1E293B;--gradient-end: #0F172A}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;letter-spacing:-.02em}p,span,div{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);background:var(--background-color);transition:background-color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}.nav-bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 10px var(--shadow-color)}.dark-mode .nav-bar{background:rgba(26,26,26,.9)}.nav-logo{display:flex;align-items:center;gap:1rem}.mobile-logo{animation:glow 2s ease-in-out infinite}.tagline{font-size:1.2rem;font-weight:600;color:var(--primary-color)}.nav-controls{display:flex;align-items:center;gap:1.5rem}.auth-buttons{display:flex;gap:1rem}.login-btn,.register-btn{padding:.5rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease}.login-btn{color:var(--primary-color);border:2px solid var(--primary-color)}.register-btn{background:var(--primary-color);color:#fff;border:2px solid var(--primary-color)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:8rem 4rem 4rem;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);margin-bottom:2rem}.hero-content{flex:1;max-width:600px}.hero-content h1{font-size:3rem;margin-bottom:1.5rem;line-height:1.2;animation:fadeInUp .8s ease-out}.hero-content p{font-size:1.3rem;color:var(--text-color);margin-bottom:2.5rem;animation:fadeInUp 1s ease-out;line-height:1.6;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.cta-buttons{display:flex;gap:1rem;animation:fadeInUp 1.2s ease-out}.cta-button{padding:1rem 2rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease}.cta-button.primary{background:var(--primary-color);color:#fff}.cta-button.secondary{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.hero-animation{flex:1;display:flex;justify-content:center;animation:float 6s ease-in-out infinite}.features-section{padding:6rem 4rem;background:var(--light-background);margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:var(--background-color);padding:2rem;border-radius:15px;text-align:center;transition:all .3s ease;box-shadow:0 4px 6px var(--shadow-color)}.feature-card h3{color:var(--text-color);margin-bottom:1rem}.feature-card p{color:var(--light-text)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px var(--shadow-color)}.feature-icon{font-size:3rem;margin-bottom:1rem}.about-section{padding:6rem 4rem;text-align:center;background:var(--background-color);margin-bottom:2rem}.about-icons{display:flex;justify-content:center;gap:2rem;margin-top:2rem;font-size:2.5rem}.how-it-works{padding:4rem 2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:2rem auto;border-radius:16px;max-width:1400px;width:90%;position:relative;z-index:1;border:1px solid var(--border-color);box-shadow:0 8px 32px rgba(0,0,0,.08)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.step{text-align:center;padding:2.5rem 2rem;background:rgba(255,255,255,.85);border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:all .3s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);position:relative;overflow:visible}.step:hover{transform:translateY(-5px);box-shadow:0 12px 35px rgba(59,130,246,.25)}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),#4a90e2);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;margin:0 auto 1.5rem;box-shadow:0 4px 15px rgba(52,152,219,.3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.step h3{color:var(--text-color);margin-bottom:1rem;font-size:1.3rem;font-weight:600}.step p{color:var(--light-text);line-height:1.6;font-size:1rem}.dark-mode .how-it-works{background:linear-gradient(135deg,#2d3748,#1a202c)!important;border:1px solid rgba(255,255,255,.1)}.dark-mode .how-it-works h2{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:700}.dark-mode .step{background:rgba(26,32,44,.9)!important;border:1px solid rgba(255,255,255,.2)}.dark-mode .step h3{color:#fff!important;font-weight:600}.dark-mode .step p{color:#e2e8f0!important;opacity:1}[data-theme=dark] .how-it-works{background:linear-gradient(135deg,#2d3748,#1a202c)!important}[data-theme=dark] .how-it-works h2{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}[data-theme=dark] .step{background:rgba(30,41,59,.95);border:2px solid rgba(96,165,250,.4);box-shadow:0 8px 25px rgba(0,0,0,.3)}[data-theme=dark] .step h3{color:#f8fafc!important;text-shadow:0 1px 3px rgba(0,0,0,.5)}[data-theme=dark] .step p{color:#e2e8f0!important;text-shadow:0 1px 2px rgba(0,0,0,.3)}.health-feed{padding:4rem 2rem;background:linear-gradient(135deg,var(--background-color) 0%,var(--light-background) 100%);position:relative;overflow:hidden;margin-bottom:2rem;z-index:1;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.dark-mode .health-feed{background:linear-gradient(135deg,#2d3748,#1a202c)!important}.dark-mode .health-feed h2{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:700}.dark-mode .health-feed p{color:#e2e8f0!important;opacity:1}.dark-mode .health-feed .health-feed-subtitle{color:#cbd5e0!important;font-weight:600}.dark-mode .feed-card{background:rgba(26,32,44,.9)!important;border:1px solid rgba(255,255,255,.2)}.dark-mode .feed-card h3{color:#fff!important}.dark-mode .feed-card p{color:#e2e8f0!important}[data-theme=dark] .health-feed{background:linear-gradient(135deg,#2d3748,#1a202c)!important}[data-theme=dark] .health-feed h2{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}[data-theme=dark] .health-feed p,[data-theme=dark] .health-feed .health-feed-subtitle{color:#e2e8f0!important}[data-theme=dark] .feed-card{background:rgba(26,32,44,.9)!important;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .feed-card h3{color:#fff!important}[data-theme=dark] .feed-card p{color:#e2e8f0!important}[data-theme=dark] .stat{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)}.health-feed:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.05) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.health-feed-header{text-align:center;margin-bottom:3rem;position:relative;z-index:2}.health-feed-icon{margin-bottom:1.5rem;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.health-feed h2{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.health-feed-subtitle{font-size:1.3rem;color:var(--light-text);font-weight:500;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;text-align:center}.feed-preview{max-width:900px;margin:0 auto;position:relative;z-index:2}.feed-card{background:var(--background-color);padding:3rem 2.5rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1),0 1px 8px rgba(0,0,0,.06);border:2px solid var(--border-color);position:relative;overflow:hidden;transition:all .4s ease}.feed-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .6s ease}.feed-card:hover:before{left:100%}.feed-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15),0 5px 15px rgba(0,0,0,.1)}.feed-card-icon{font-size:3rem;margin-bottom:1rem;display:block;animation:bounce 2s infinite}.feed-card h3{font-size:1.8rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.feed-card p{font-size:1.1rem;color:var(--light-text);line-height:1.7;margin-bottom:2rem}.feed-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fff,#f8fafc);color:#1f2937;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;box-shadow:0 4px 12px rgba(31,41,55,.15);border:1px solid #e2e8f0;transition:all .3s ease}.stat:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(31,41,55,.25)}.stat-icon{font-size:1rem}.feed-actions{text-align:center}.view-all-btn{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;box-shadow:0 8px 25px rgba(16,185,129,.3);transition:all .4s ease;position:relative;overflow:hidden}.view-all-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.view-all-btn:hover:before{left:100%}.view-all-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(16,185,129,.4)}.btn-icon{font-size:1.2rem}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.view-all-btn:hover .btn-arrow{transform:translate(5px)}.download-section{padding:6rem 4rem;text-align:center;background:var(--light-background);margin-bottom:2rem}.store-btn{padding:1rem 2rem;border:none;border-radius:10px;font-weight:600;cursor:not-allowed;opacity:.7;transition:all .3s ease;background:var(--text-color);color:var(--background-color);display:flex;flex-direction:column}.store-btn span{font-size:.8rem;opacity:.8}.footer{padding:2rem;background:var(--light-background);text-align:center}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--light-text);text-decoration:none}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:center}.social-share-group{display:flex;align-items:center;gap:.5rem}.social-icon{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:25px;color:var(--text-color);text-decoration:none;transition:all .3s ease;background:var(--light-background);border:1px solid var(--border-color)}.social-icon:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.social-label{font-size:.9rem;font-weight:500}.share-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:var(--light-background);color:var(--text-color);cursor:pointer;transition:all .3s ease;padding:0}.share-button:hover{background:var(--accent-color);color:#fff;transform:rotate(45deg)}.whatsapp-share{background:#25d366;color:#fff}.whatsapp-share:hover{background:#128c7e;transform:scale(1.05)}@media (max-width: 768px){.social-links{gap:1rem}.social-icon{padding:.4rem .8rem}.social-label{display:none}.share-button{width:32px;height:32px}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px var(--primary-color))}50%{filter:drop-shadow(0 0 20px var(--primary-color))}}@media (max-width: 768px){.nav-bar{padding:1rem}.hero-section{flex-direction:column;text-align:center;padding:6rem 2rem 3rem}.hero-content h1{font-size:2rem}.hero-animation{margin-top:2rem}.cta-buttons{flex-direction:column;align-items:stretch}.features-grid,.steps{grid-template-columns:1fr}.store-buttons{flex-direction:column;align-items:center}.footer-content,.footer-links{flex-direction:column;gap:1rem}}.landing-page{min-height:100vh;display:flex;flex-direction:column}.hero-section{min-height:80vh;padding:6rem 2rem;position:relative;background:linear-gradient(135deg,#87ceeb,#4a90e2);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.1}.hero-content{max-width:1200px;width:100%;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-branding{display:flex;align-items:center;justify-content:center;margin-bottom:3rem;gap:2rem;animation:fadeInUp 1s ease-out}.hero-branding .logo{width:120px;height:120px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:float 6s ease-in-out infinite}.hero-branding .tagline{font-size:2rem;font-weight:600;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:glow 3s ease-in-out infinite}.hero-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-shadow:0 2px 6px rgba(0,0,0,.2);animation:fadeInUp 1.2s ease-out}.hero-subtitle{font-size:1.5rem;color:rgba(255,255,255,.9);max-width:800px;margin:0 auto 3rem;line-height:1.6;animation:fadeInUp 1.4s ease-out}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;animation:fadeInUp 1.6s ease-out}.cta-button{padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.cta-button.primary{background:#fff;color:var(--primary-color);border:none;box-shadow:0 4px 15px rgba(0,0,0,.1)}.cta-button.secondary{background:transparent;color:#fff;border:2px solid white}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{text-shadow:0 2px 4px rgba(0,0,0,.2)}50%{text-shadow:0 2px 8px rgba(0,0,0,.4)}}@media (max-width: 768px){.hero-section{padding:4rem 1.5rem}.hero-branding{flex-direction:column;text-align:center}.hero-branding .logo{width:100px;height:100px}.hero-branding .tagline{font-size:1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.cta-buttons{display:none}}.features-section{padding:8rem 4rem;background:var(--background-color);position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,.05),transparent)}.features-section h2{text-align:center;font-size:2.5rem;margin-bottom:4rem;color:var(--text-color);position:relative}.features-section h2:after{content:"";position:absolute;bottom:-15px;left:50%;width:60px;height:3px;background:var(--primary-color);transform:translate(-50%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--card-background);padding:2.5rem;border-radius:20px;text-align:center;transition:transform .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.05);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--primary-color),var(--accent-color));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-block;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}.feature-card p{color:var(--text-color-secondary);margin-bottom:1.5rem;line-height:1.6}.feature-link{color:var(--primary-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.feature-link:hover{color:var(--accent-color);gap:.75rem}@media (max-width: 1024px){.hero-section{padding:7rem 3rem 5rem;flex-direction:column;text-align:center;min-height:auto}.hero-branding{justify-content:center}.hero-content{margin-bottom:3rem}.hero-content h1{font-size:3rem}.cta-buttons{justify-content:center}.features-section{padding:6rem 3rem}}@media (max-width: 768px){.hero-section{padding:6rem 1.5rem 4rem}.hero-content h1{font-size:2.5rem}.hero-branding .tagline{font-size:1.2rem}.cta-buttons{flex-direction:column}.cta-button{width:100%;text-align:center}.features-section{padding:4rem 1.5rem}.features-grid{grid-template-columns:1fr}.feature-card{padding:2rem}}.about-section,.how-it-works,.health-feed,.download-section{padding:3rem 2rem;text-align:center}.about-section{background:var(--background-color-alt)}.about-content{max-width:800px;margin:0 auto}.about-icons{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.icon{font-size:2.5rem}.steps{display:flex;justify-content:center;gap:3rem;margin-top:3rem}.step{flex:1;max-width:300px}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),#4a90e2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;margin:0 auto 1.5rem;border-radius:8px;box-shadow:0 4px 15px rgba(52,152,219,.3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.feed-preview{max-width:800px;margin:0 auto;background:var(--card-background);padding:2rem;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.store-buttons{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.store-btn{padding:1rem 2rem;border:none;border-radius:10px;background:var(--text-color);color:var(--background-color);cursor:not-allowed;opacity:.7;display:flex;flex-direction:column;align-items:center}.store-btn span:first-child{font-size:.8rem}.store-btn span:last-child{font-size:1.2rem;font-weight:700}@media (max-width: 1024px){.hero-section{padding:3rem 2rem;flex-direction:column;text-align:center}.hero-branding{justify-content:center}.hero-content{margin-bottom:3rem}.cta-buttons{justify-content:center}.features-section,.about-section,.how-it-works,.health-feed,.download-section{padding:4rem 2rem}.steps{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.step{padding:2rem 1.5rem;margin-bottom:0}.health-feed{padding:3rem 1rem}.health-feed h2{font-size:2rem;font-weight:600}.feed-card{padding:2rem 1.5rem;background:var(--background-color);border:1px solid var(--border-color)}.feed-card p{color:var(--text-primary);font-weight:500}.health-feed-subtitle{color:var(--text-primary);font-weight:600}.feed-stats{gap:1rem}.stat{font-size:.8rem;padding:.4rem .8rem}.view-all-btn{padding:.8rem 2rem;font-size:1rem}.step-number{width:50px;height:50px;margin:0 auto 1rem;border-radius:10px;background:linear-gradient(135deg,var(--primary-color),#4a90e2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 15px rgba(52,152,219,.3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.step h3{font-size:1.2rem;margin-bottom:.75rem}.step p{font-size:.95rem;line-height:1.5}}@media (max-width: 768px){.hero-section{padding:2rem 1rem;min-height:calc(100vh - 80px)}.hero-content h1{font-size:2.2rem;line-height:1.2;margin-bottom:1rem}.hero-content p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.hero-branding .tagline{font-size:1.1rem;margin-bottom:1.5rem}.cta-buttons{flex-direction:column;gap:1rem;width:100%}.cta-button{width:100%;text-align:center;padding:1rem 2rem;font-size:1.1rem;min-height:48px}.features-section{padding:3rem 1rem}.features-grid{grid-template-columns:1fr;gap:2rem}.feature-card{padding:2rem 1.5rem;text-align:center}.store-buttons{flex-direction:column;align-items:center;gap:1rem}.store-btn{width:100%;max-width:280px}}@media (max-width: 480px){.hero-section{padding:3rem 1rem 2rem;text-align:center;min-height:auto}.hero-content h1{font-size:1.8rem;line-height:1.2;margin-bottom:1rem}.hero-content p{font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.hero-branding .tagline{font-size:.9rem;margin-bottom:1.5rem}.cta-buttons{flex-direction:column;gap:.75rem;padding:0;width:100%}.cta-button{padding:1rem 1.5rem;font-size:1rem;min-height:48px;width:100%;border-radius:8px;font-weight:600}.features-section,.about-section,.how-it-works,.health-feed,.download-section{padding:2.5rem 1rem}.section-title{font-size:1.6rem;margin-bottom:1rem;line-height:1.3}.feature-card{padding:1.5rem 1rem;margin-bottom:1rem;border-radius:8px}.feature-card h3{font-size:1.2rem;margin-bottom:.75rem}.feature-card p{font-size:.9rem;line-height:1.5}.store-buttons{flex-direction:column;align-items:center;gap:.75rem;width:100%}.store-btn{width:100%;max-width:280px;padding:1rem 1.5rem;min-height:48px;font-size:.9rem}.how-it-works{padding:2rem 1rem;width:95%;margin:2rem auto;border-radius:8px;position:relative;z-index:10;clear:both}.how-it-works h2{font-size:1.6rem;margin-bottom:1.5rem;text-align:center;line-height:1.3}.steps{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;align-items:center}.step{padding:1.5rem 1rem;text-align:center;width:100%;max-width:320px;margin-bottom:0;border-radius:8px;position:relative;z-index:1}.step h3{font-size:1.1rem;margin-bottom:.75rem}.step p{font-size:.9rem;line-height:1.4}.step-number{width:45px;height:45px;font-size:1.1rem;border-radius:8px;background:linear-gradient(135deg,var(--primary-color),#4a90e2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 15px rgba(52,152,219,.3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0 auto 1rem;line-height:1}.health-feed{padding:2.5rem 1rem;margin-top:3rem;position:relative;z-index:1}.health-feed h2{font-size:1.6rem;margin-bottom:1rem;text-align:center}.health-feed p{font-size:.95rem;line-height:1.5;text-align:center;margin-bottom:1.5rem}.health-feed .tagline{font-size:.9rem;text-align:center;margin-top:1rem}.nav-link{padding:12px 16px;font-size:16px;min-height:44px}button,.btn{min-height:44px;padding:12px 16px;font-size:16px;border-radius:8px;cursor:pointer}input,select,textarea{min-height:44px;padding:12px 16px;font-size:16px;border-radius:8px}img{max-width:100%;height:auto}}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.3)}.dark-mode p,.dark-mode span,.dark-mode div{color:#e2e8f0!important}.dark-mode .section-title{color:#fff!important;font-weight:700}.dark-mode .section-subtitle{color:#cbd5e0!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.3)}[data-theme=dark] p,[data-theme=dark] span{color:#e2e8f0!important}[data-theme=dark] .about-section{background:rgba(45,55,72,.95)!important}[data-theme=dark] .about-section h2{color:#fff!important}[data-theme=dark] .about-section p{color:#e2e8f0!important}[data-theme=dark] .features-section{background:rgba(26,32,44,.95)!important}[data-theme=dark] .features-section h2{color:#fff!important}[data-theme=dark] .feature-card{background:rgba(45,55,72,.9)!important;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .feature-card h3{color:#fff!important}[data-theme=dark] .feature-card p{color:#e2e8f0!important}[data-theme=dark] .footer{background:rgba(26,32,44,.95)!important;color:#e2e8f0!important}[data-theme=dark] .footer h3,[data-theme=dark] .footer p,[data-theme=dark] .footer a{color:#e2e8f0!important}.dark-mode *:not(.stat):not(.btn):not(.button){color:inherit}[data-theme=dark] *:not(.stat):not(.btn):not(.button){color:inherit}@media (min-width: 768px) and (max-width: 1024px){.contact-page{padding-top:70px}.contact-hero{padding:2rem 1.5rem;margin:0 1rem 2rem}.contact-hero h1{font-size:2rem}.info-item{flex-direction:row;text-align:left;padding:1rem}.info-icon{font-size:1.5rem;min-width:50px}.form-group input,.form-group textarea{font-size:16px;padding:1rem}.submit-button{padding:1rem 2rem;font-size:16px}.faq-grid{grid-template-columns:1fr;gap:1.5rem}.faq-item{padding:1.5rem}.landing-page{width:100%;max-width:100vw;overflow-x:hidden}.hero-section{padding:4rem 1.5rem;width:100%}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.3rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}.steps{display:flex;flex-direction:row;gap:1.5rem;width:100%;justify-content:space-around}.step{flex:1;max-width:none}.step-number{width:55px;height:55px;font-size:1.3rem}.hero-section{padding:5rem 2rem 4rem;min-height:85vh}.hero-content h1{font-size:2.8rem;line-height:1.2}.hero-content p{font-size:1.2rem;margin-bottom:2rem}.cta-buttons{flex-direction:row;justify-content:center;gap:1.5rem}.cta-button{padding:1rem 2rem;font-size:1.1rem;min-width:180px}.features-section{padding:5rem 2rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.feature-card{padding:2rem;text-align:center}.how-it-works{padding:4rem 2rem;width:90%}.steps{grid-template-columns:repeat(3,1fr);gap:2rem}.step{padding:2rem 1.5rem}.health-feed{padding:4rem 2rem}.feed-card{padding:2.5rem 2rem}.feed-stats{gap:1.5rem}.contact-container{grid-template-columns:1fr;gap:2rem;max-width:600px;margin:0 auto}}@media (min-width: 1024px) and (max-width: 1366px){.landing-page{width:100%;max-width:100vw;overflow-x:hidden}.hero-section,.features-section,.how-it-works,.health-feed{padding-left:2rem;padding-right:2rem;width:100%}.features-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.steps{display:flex;flex-direction:row;justify-content:space-around;gap:2rem;width:100%}.step{flex:1;max-width:300px}.hero-section{padding:6rem 3rem 5rem}.hero-content h1{font-size:3.2rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:900px;margin:0 auto}.how-it-works{max-width:1000px}.steps{grid-template-columns:repeat(3,1fr);gap:2.5rem}}@media (max-width: 414px){.hero-section,.features-section,.how-it-works,.health-feed{padding-left:1.5rem;padding-right:1.5rem}.contact-content{padding:1rem 1.5rem}.header-container{padding:.5rem 1.5rem}.mobile-menu{width:calc(100vw - 1rem);right:.5rem}}@media (max-width: 280px){.hero-section{padding:2rem 1rem}.hero-content h1{font-size:1.4rem;line-height:1.3}.hero-content p{font-size:.85rem;margin-bottom:1rem}.cta-button{padding:.75rem 1rem;font-size:.9rem;min-height:44px}.features-section,.how-it-works,.health-feed{padding:2rem .75rem}.feature-card,.step,.feed-card{padding:1rem .75rem}.section-title{font-size:1.3rem}.contact-content{padding:.75rem}.contact-hero{padding:1rem .5rem}.header-container{padding:.4rem .75rem}.mobile-menu{width:100vw;right:0}}@media (min-width: 1920px){.hero-section{padding:8rem 6rem 6rem}.hero-content{max-width:800px}.hero-content h1{font-size:4rem}.hero-content p{font-size:1.5rem}.features-section{padding:8rem 6rem}.features-grid{grid-template-columns:repeat(4,1fr);gap:3rem;max-width:1600px}.how-it-works{max-width:1600px;padding:6rem 4rem}.steps{grid-template-columns:repeat(3,1fr);gap:4rem}.health-feed{padding:6rem 4rem}.contact-content{max-width:1400px}.contact-container{gap:4rem}}@media (max-height: 500px) and (orientation: landscape){.hero-section{min-height:auto;padding:2rem 2rem 1rem}.hero-content h1{font-size:2rem;margin-bottom:.5rem}.hero-content p{font-size:1rem;margin-bottom:1rem}.cta-buttons{gap:1rem}.cta-button{padding:.75rem 1.5rem;font-size:.95rem}.features-section,.how-it-works,.health-feed{padding:2rem}.contact-hero{padding:1rem;margin-bottom:1rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.hero-content h1,.section-title{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.feature-icon,.step-number{transform:translateZ(0);will-change:transform}}@media (hover: none) and (pointer: coarse){.cta-button,.feature-link,.view-all-btn{min-height:48px;min-width:48px}.feature-card,.step,.feed-card{transition:none}.feature-card:hover,.step:hover,.feed-card:hover{transform:none}.mobile-menu-button{min-height:48px;min-width:48px}.contact-info .info-item,.form-group input,.form-group textarea,.submit-button{min-height:48px}}.clickable-label{cursor:pointer!important}.inline-policy-link{color:#3b82f6!important;text-decoration:underline!important;cursor:pointer!important;pointer-events:all!important;z-index:999!important;position:relative!important}.inline-policy-link:hover{color:#1d4ed8!important;text-decoration:underline!important}.consent-wrapper{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.consent-checkbox{min-width:18px;min-height:18px;width:18px;height:18px;cursor:pointer;pointer-events:all;margin:2px 0 0;flex-shrink:0}.consent-label{cursor:pointer;pointer-events:all;display:flex;align-items:flex-start;gap:8px;flex:1;user-select:none}.consent-icon{font-size:16px;flex-shrink:0;margin-top:1px}.consent-text{flex:1}.consent-label .inline-policy-link{pointer-events:all;z-index:10;position:relative}@media (max-width: 768px){.consent-wrapper{gap:10px}.consent-checkbox{min-width:20px;min-height:20px;width:20px;height:20px}.consent-label{gap:6px}.consent-icon{font-size:18px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:20px;position:relative;overflow:hidden;scroll-behavior:smooth}body{scroll-behavior:smooth}.auth-container:target,.auth-container{scroll-margin-top:0}.auth-page{scroll-behavior:smooth}.auth-page:before{content:"";position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0%,transparent 50%);pointer-events:none;animation:floatingBubbles 20s ease-in-out infinite}@keyframes floatingBubbles{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.auth-container.dark-mode{background:linear-gradient(135deg,#2d3748,#1a202c)}.theme-toggle-container{position:absolute;top:20px;right:20px;z-index:10}.auth-card{background:rgba(255,255,255,.98);backdrop-filter:blur(25px);border-radius:24px;box-shadow:0 32px 64px rgba(0,0,0,.12),0 0 0 1px rgba(255,255,255,.3),inset 0 1px rgba(255,255,255,.4);padding:32px;width:100%;max-width:440px;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.18)}.auth-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 40px 80px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.4),inset 0 1px rgba(255,255,255,.6)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea);background-size:300% 100%;animation:shimmer 4s ease-in-out infinite;border-radius:24px 24px 0 0}.auth-card:after{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.03) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;animation:pulse 6s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.dark-mode .auth-card{background:#2d3748;box-shadow:0 15px 35px rgba(0,0,0,.3)}.auth-header{margin-bottom:12px}.auth-logo{width:80px;height:80px;margin-bottom:4px}.auth-header h2{color:#333;font-size:36px;font-weight:800;margin:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGradient 3s ease-in-out infinite;letter-spacing:-.5px;position:relative}@keyframes textGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.auth-header h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;animation:underlineGlow 2s ease-in-out infinite alternate}@keyframes underlineGlow{0%{box-shadow:0 0 5px rgba(102,126,234,.5)}to{box-shadow:0 0 15px rgba(102,126,234,.8)}}.auth-subtitle{color:#666;font-size:16px;margin:8px 0 0;font-weight:400}.dark-mode .auth-subtitle{color:#a0aec0}.dark-mode .auth-header h2{color:#e2e8f0}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{text-align:left;margin-bottom:4px}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:15px;text-align:left;position:relative;padding-left:4px;transition:color .3s ease}.form-group label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px;transition:height .3s ease}.form-group:focus-within label{color:#667eea}.form-group:focus-within label:before{height:100%}.dark-mode .form-group label{color:#cbd5e0}.form-group input{width:100%;padding:18px 24px;border:2px solid #e1e5e9;border-radius:16px;font-size:16px;transition:all .4s cubic-bezier(.4,0,.2,1);box-sizing:border-box;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);position:relative;box-shadow:0 4px 12px rgba(0,0,0,.05)}.form-group input:hover{border-color:#667eea;background:rgba(255,255,255,.95)}.form-group input::placeholder{color:#a0aec0;transition:color .3s ease}.form-group input:focus::placeholder{color:#cbd5e0}.dark-mode .form-group input{background:rgba(74,85,104,.9);border-color:#2d3748;color:#e2e8f0}.dark-mode .form-group input::placeholder{color:#718096}.dark-mode .form-group input:focus::placeholder{color:#a0aec0}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.15),0 8px 25px rgba(102,126,234,.12),inset 0 1px rgba(255,255,255,.6);transform:translateY(-2px) scale(1.02);background:#fff}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.dark-mode .form-group input.error{border-color:#f87171;box-shadow:0 0 0 3px rgba(248,113,113,.1)}.dark-mode .form-group input:focus{border-color:#90cdf4;box-shadow:0 0 0 4px rgba(144,205,244,.15),0 4px 12px rgba(144,205,244,.1);background:#4a5568}.auth-button{width:100%;padding:18px 24px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(102,126,234,.3),inset 0 1px rgba(255,255,255,.2);letter-spacing:.5px;text-transform:uppercase;animation:buttonGradient 3s ease infinite}@keyframes buttonGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.auth-button:hover:before{left:100%}.auth-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px rgba(102,126,234,.4),inset 0 1px rgba(255,255,255,.3);animation-duration:1.5s}.auth-button:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.auth-button:disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.6;transform:none;animation:none}.auth-button.loading{position:relative;color:transparent}.auth-button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:buttonSpin 1s linear infinite}@keyframes buttonSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.auth-card{animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-group{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portal-select{width:100%;padding:18px 24px;border:2px solid #e1e5e9;border-radius:16px;font-size:16px;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);color:#333;margin-bottom:10px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23667eea" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right 24px center;background-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.05);position:relative}.portal-select:hover{border-color:#667eea;background:rgba(255,255,255,.9)}.portal-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.15),0 8px 25px rgba(102,126,234,.12),inset 0 1px rgba(255,255,255,.6);background:#fff;transform:translateY(-2px) scale(1.02)}.login-method-toggle{display:flex;gap:10px;margin-bottom:20px}.method-button{flex:1;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-color);cursor:pointer;transition:all .3s}.method-button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.social-login{margin-top:32px;position:relative}.social-login:before{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent,#e1e5e9,transparent)}.social-divider{text-align:center;position:relative;margin:20px 0}.social-divider:before,.social-divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background-color:var(--border-color)}.social-divider:before{left:0}.social-divider:after{right:0}.social-buttons{display:flex;gap:10px;margin-bottom:20px}.social-button{width:100%;padding:16px 24px;border:2px solid #e1e5e9;border-radius:16px;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);color:#374151;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);position:relative;overflow:hidden}.social-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s ease}.social-button:hover{border-color:#667eea;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(102,126,234,.15),inset 0 1px rgba(255,255,255,.6);background:#fff;color:#667eea}.social-button:hover:before{left:100%}.social-button.facebook{background-color:#1877f2}.social-button.google{background-color:#db4437}.auth-error{background:#fee;color:#c33;padding:12px;border-radius:6px;border:1px solid #fcc;margin-bottom:20px;font-size:14px}.dark-mode .auth-error{background:rgba(254,215,215,.1);border-color:#fc8181;color:#fc8181}.field-error{color:#c33;font-size:12px;margin-top:4px;margin-bottom:8px}.dark-mode .field-error{color:#fc8181}.auth-links{margin-top:20px;padding-top:20px;border-top:1px solid #e1e5e9}.dark-mode .auth-links{border-top-color:#4a5568}.auth-links a{color:#667eea;text-decoration:none;font-weight:500}.dark-mode .auth-links a{color:#90cdf4}.auth-links a:hover{text-decoration:underline}.form-options{display:flex;justify-content:flex-start;align-items:center;margin:12px 0 16px}.remember-me{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#6b7280;cursor:pointer;user-select:none}.checkbox-input{width:1rem;height:1rem;border:2px solid #d1d5db;border-radius:.25rem;background:#fff;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-input:checked{background:linear-gradient(135deg,#00d4aa,#00b894);border-color:#00d4aa}.checkbox-input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.7rem}@media (max-width: 768px){.checkbox-input{width:.9rem;height:.9rem}.checkbox-input:checked:after{font-size:.65rem}.remember-me{font-size:.85rem}}@media (max-width: 480px){.checkbox-input{width:.8rem;height:.8rem}.checkbox-input:checked:after{font-size:.6rem}}.dark-mode .remember-me,[data-theme=dark] .remember-me,[data-theme=dark] .checkbox-label{color:#f7fafc}.dark-mode .checkbox-input,[data-theme=dark] .checkbox-input{border-color:#60a5fa;background:#2d3748}.dark-mode .checkbox-input:checked{background:#60a5fa;border-color:#60a5fa}[data-theme=dark] .checkbox-input:checked{background:#60a5fa;border-color:#60a5fa}.checkbox-label{font-weight:500;color:#4a5568}.forgot-password-container{text-align:center;margin:8px 0}.forgot-password-btn{display:inline-flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-weight:500;font-size:14px;padding:8px 16px;border-radius:20px;background:rgba(102,126,234,.1);transition:all .3s ease;border:1px solid rgba(102,126,234,.2)}.forgot-password-btn:hover{background:rgba(102,126,234,.15);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.forgot-icon{font-size:16px}.dark-mode .forgot-password-btn{color:#90cdf4;background:rgba(144,205,244,.1);border-color:rgba(144,205,244,.2)}.dark-mode .forgot-password-btn:hover{background:rgba(144,205,244,.15)}.auth-divider{position:relative;text-align:center;margin:12px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e1e5e9,transparent)}.divider-text{background:rgba(255,255,255,.95);padding:0 15px;color:#999;font-size:14px;font-weight:500;position:relative;z-index:1}.dark-mode .auth-divider:before{background:linear-gradient(90deg,transparent,#4a5568,transparent)}.dark-mode .divider-text{background:#2d3748;color:#a0aec0}.register-container{text-align:center;margin-top:10px}.register-text{margin:0 0 8px;color:#666;font-size:14px}.dark-mode .register-text{color:#cbd5e0}.register-link{display:inline-flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-weight:600;font-size:15px;padding:12px 24px;border-radius:25px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:2px solid transparent;background-clip:padding-box;transition:all .3s ease;position:relative;overflow:hidden}.register-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.register-link:hover:before{left:100%}.register-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3);background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15))}.register-icon{font-size:16px}.dark-mode .register-link{color:#90cdf4;background:linear-gradient(135deg,rgba(144,205,244,.1),rgba(159,122,234,.1))}.dark-mode .register-link:hover{background:linear-gradient(135deg,rgba(144,205,244,.15),rgba(159,122,234,.15));box-shadow:0 8px 25px rgba(144,205,244,.3)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.dark-mode .auth-description{color:#cbd5e0}.dark-mode .auth-success{color:#68d391}.consent-section{margin:24px 0;text-align:left}.consent-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;text-align:left}.consent-item input[type=checkbox]{margin:2px 0 0;width:18px;height:18px;accent-color:#667eea;cursor:pointer;flex-shrink:0}.consent-item label{flex:1;font-size:14px;line-height:1.5;color:#374151;cursor:pointer;text-align:left;margin:0;padding:0}.consent-item label:hover{color:#667eea}.dark-mode .consent-item label{color:#cbd5e0}.dark-mode .consent-item label:hover{color:#90cdf4}@media (max-width: 480px){.auth-container{padding:10px}.auth-card{padding:30px 20px}.auth-header h2{font-size:24px}.auth-logo{width:60px;height:60px}.theme-toggle-container{top:10px;right:10px}}.user-type-toggle{display:flex;gap:8px;margin-bottom:20px;background:rgba(255,255,255,.1);border-radius:16px;padding:4px;backdrop-filter:blur(10px)}.dark-mode .user-type-toggle{background:rgba(45,55,72,.3)}.user-type-button{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600;text-align:center;position:relative;color:#666}.dark-mode .user-type-button{color:#cbd5e0}.user-type-button:hover{background:rgba(102,126,234,.1);color:#667eea}.dark-mode .user-type-button:hover{background:rgba(102,126,234,.2);color:#90cdf4}.user-type-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3);transform:translateY(-1px)}.user-type-button.active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:slide 2s infinite}@keyframes slide{0%{left:-100%}to{left:100%}}.dark-mode .user-type-button.active{background:#667eea;color:#fff}.doctor-registration-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #3182ce;box-shadow:0 20px 40px rgba(49,130,206,.15);position:relative;overflow:hidden}.doctor-registration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3182ce,#2b6cb0,#2c5282)}.dark-mode .doctor-registration-card{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4299e1}.doctor-role-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3182ce,#2b6cb0);color:#fff;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:600;margin-bottom:20px;box-shadow:0 4px 12px rgba(49,130,206,.3);animation:pulse 2s ease-in-out infinite}.badge-icon{font-size:16px;animation:bounce 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.doctor-form-section{background:rgba(255,255,255,.8);border-radius:12px;padding:24px;margin-bottom:24px;border-left:4px solid #3182ce}.dark-mode .doctor-form-section{background:rgba(45,55,72,.8);border-left-color:#4299e1}.doctor-form-section h3{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:8px}.dark-mode .doctor-form-section h3{color:#e2e8f0}.doctor-input-group{position:relative;margin-bottom:24px}.doctor-input-group input,.doctor-input-group select{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .3s ease;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.dark-mode .doctor-input-group input,.dark-mode .doctor-input-group select{background:#4a5568;border-color:#2d3748;color:#e2e8f0}.doctor-input-group input:focus,.doctor-input-group select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1);transform:translateY(-1px)}.doctor-input-group label{position:absolute;top:-8px;left:12px;background:#fff;padding:0 8px;color:#3182ce;font-size:12px;font-weight:600;letter-spacing:.5px}.dark-mode .doctor-input-group label{background:#2d3748;color:#4299e1}.doctor-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#3182ce,#2b6cb0);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(49,130,206,.3);position:relative;overflow:hidden}.doctor-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(49,130,206,.4)}.doctor-submit-btn:active{transform:translateY(0)}.doctor-submit-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.doctor-verification-notice{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border:1px solid #38b2ac;border-radius:10px;padding:16px;margin-top:20px;text-align:left}.dark-mode .doctor-verification-notice{background:linear-gradient(135deg,rgba(56,178,172,.1),rgba(178,245,234,.1));border-color:#4fd1c7}.doctor-verification-notice h4{color:#2c7a7b;font-size:16px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.dark-mode .doctor-verification-notice h4{color:#4fd1c7}.doctor-verification-notice h4:before{content:"ℹ️"}.doctor-verification-notice p{color:#2d3748;font-size:14px;margin:0;line-height:1.5}.dark-mode .doctor-verification-notice p{color:#e2e8f0}.provider-type-select{margin-bottom:20px}.provider-select{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;background:#fff;transition:border-color .3s ease}.dark-mode .provider-select{background:#4a5568;border-color:#2d3748;color:#e2e8f0}.provider-select:focus{outline:none;border-color:#667eea}.role-select{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;background:#fff;transition:border-color .3s ease}.dark-mode .role-select{background:#4a5568;border-color:#2d3748;color:#e2e8f0}.role-select:focus{outline:none;border-color:#667eea}.password-input-container{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;z-index:10;height:40px;width:40px}.password-toggle:hover{color:#374151;background-color:rgba(0,0,0,.05)}.password-toggle svg{width:18px;height:18px;flex-shrink:0}.step-indicator{display:flex;justify-content:center;align-items:center;margin:1rem 0;gap:1rem}.step{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;background:#e2e8f0;color:#64748b;transition:all .3s ease}.step.active{background:var(--primary-color);color:#fff}.step.completed{background:#10b981;color:#fff}.contact-method-selection{margin:1.5rem 0}.method-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.method-option{cursor:pointer;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .3s ease;background:#fff}.method-option:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.method-option.active{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.05)}.method-option input[type=radio]{display:none}.method-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.method-content i{font-size:1.5rem;color:var(--primary-color)}.method-content span{font-weight:500;color:#374151}.resend-section{text-align:center;margin-top:1rem}.resend-timer{color:#6b7280;font-size:.9rem;margin:0}.resend-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.9rem;text-decoration:underline;padding:.5rem;transition:all .3s ease}.resend-button:hover{color:var(--secondary-color)}.resend-button:disabled{color:#9ca3af;cursor:not-allowed}.success-icon{text-align:center;margin-bottom:1rem}.success-icon i{font-size:3rem;color:#10b981}.auth-success h3{color:#065f46;margin-bottom:.5rem;font-size:1.25rem}.form-group input:invalid{border-color:#ef4444}.form-group input:valid{border-color:#10b981}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@media (max-width: 768px){.auth-container{padding:16px}.auth-card{padding:32px 24px;margin:0;max-width:100%;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.3),inset 0 1px rgba(255,255,255,.4)}.auth-header h2{font-size:30px;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group input,.portal-select{padding:16px 20px;font-size:16px;border-radius:14px}.auth-button{padding:16px 20px;font-size:16px;border-radius:14px;margin-bottom:20px}.social-button{padding:14px 20px;border-radius:14px;margin-bottom:12px}.method-options{grid-template-columns:1fr}.step-indicator{gap:.5rem}.step{width:25px;height:25px;font-size:.8rem}}@media (max-width: 480px){.auth-card{padding:24px 20px;border-radius:16px}.auth-header h2{font-size:26px}.form-group input,.portal-select,.auth-button,.social-button{border-radius:12px}}.dark-mode .method-option{background:#374151;border-color:#4b5563}.dark-mode .method-option.active{background:rgba(var(--primary-color-rgb),.2)}.dark-mode .method-content span{color:#d1d5db}.dark-mode .step{background:#4b5563;color:#d1d5db}.enhanced-consent-section{margin:32px 0;padding:28px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;border:2px solid #e2e8f0;position:relative;overflow:hidden}.enhanced-consent-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.dark-mode .enhanced-consent-section{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568}.consent-header{text-align:center;margin-bottom:25px;position:relative}.consent-title{font-size:24px;font-weight:700;color:#2d3748;margin:15px 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.consent-subtitle{color:#718096;font-size:14px;margin:0}.dark-mode .consent-title{color:#e2e8f0}.dark-mode .consent-subtitle{color:#a0aec0}.cartoon-character{position:relative;display:inline-block;margin-bottom:15px}.character-body{width:60px;height:80px;position:relative;animation:bounce 2s ease-in-out infinite}.character-face{width:50px;height:50px;background:linear-gradient(135deg,#ffd89b,#19547b);border-radius:50%;position:relative;border:3px solid #fff;box-shadow:0 4px 15px rgba(0,0,0,.1)}.eyes{display:flex;justify-content:space-between;padding:15px 8px 0}.eye{width:8px;height:8px;background:#2d3748;border-radius:50%;animation:blink 3s ease-in-out infinite}.mouth{width:20px;height:10px;border:2px solid #2d3748;border-top:none;border-radius:0 0 20px 20px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.character-arms{position:absolute;top:35px;width:100%}.arm{width:20px;height:4px;background:#ffd89b;border-radius:2px;position:absolute}.left-arm{left:-8px;transform:rotate(-30deg);animation:wave-left 2s ease-in-out infinite}.right-arm{right:-8px;transform:rotate(30deg);animation:wave-right 2s ease-in-out infinite}.speech-bubble{position:absolute;top:-45px;left:70px;background:#fff;padding:8px 12px;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid #667eea;min-width:80px;animation:float 2s ease-in-out infinite}.speech-bubble p{margin:0;font-size:12px;font-weight:600;color:#667eea;text-align:center}.bubble-arrow{position:absolute;bottom:-8px;left:15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #667eea}.bubble-arrow:after{content:"";position:absolute;bottom:2px;left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes wave-left{0%,to{transform:rotate(-30deg)}50%{transform:rotate(-45deg)}}@keyframes wave-right{0%,to{transform:rotate(30deg)}50%{transform:rotate(45deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.consent-agreements{margin-top:24px}.consent-card{background:rgba(255,255,255,.9);border-radius:15px;padding:24px;margin-bottom:24px;box-shadow:0 4px 15px rgba(0,0,0,.05);border:1px solid rgba(102,126,234,.1)}.dark-mode .consent-card{background:rgba(45,55,72,.9);border-color:rgba(144,205,244,.1)}.consent-item.enhanced{display:flex;padding:16px;margin-bottom:16px;border-radius:12px;background:rgba(102,126,234,.02);border:2px solid transparent;transition:all .3s ease;cursor:pointer}.consent-item.enhanced:hover{background:rgba(102,126,234,.05);border-color:rgba(102,126,234,.2);transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.1)}.consent-item.enhanced.final-consent{background:rgba(118,75,162,.05);border-color:rgba(118,75,162,.2)}.consent-item.enhanced.final-consent:hover{background:rgba(118,75,162,.08);border-color:rgba(118,75,162,.3)}.dark-mode .consent-item.enhanced{background:rgba(144,205,244,.05)}.dark-mode .consent-item.enhanced:hover{background:rgba(144,205,244,.08);border-color:rgba(144,205,244,.2)}.consent-checkbox{display:inline-block;width:18px;height:18px;margin-right:6px;cursor:pointer;accent-color:#667eea;transform:scale(1.2);position:relative;z-index:10}.dark-mode .consent-checkbox{accent-color:#90cdf4}.consent-label{display:block;cursor:pointer;width:100%;margin:0}.consent-header-line{display:flex;align-items:center;gap:4px;margin-bottom:6px}.consent-content{display:flex;flex-direction:column;margin-left:18px;width:calc(100% - 18px)}.consent-icon{font-size:14px;flex-shrink:0}.consent-text{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%}.consent-text strong{display:block;color:#2d3748;font-size:16px;font-weight:600;margin:0;line-height:1.3}.consent-text small{color:#718096;font-size:13px;line-height:1.4;display:block;margin:0}.dark-mode .consent-text strong{color:#e2e8f0}.dark-mode .consent-text small{color:#a0aec0}.policy-links{background:rgba(255,255,255,.7);border-radius:12px;padding:24px;margin-top:20px;border:1px solid rgba(102,126,234,.1)}.dark-mode .policy-links{background:rgba(45,55,72,.7);border-color:rgba(144,205,244,.1)}.policy-links-header{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-weight:600;color:#2d3748;font-size:14px}.dark-mode .policy-links-header{color:#e2e8f0}.policy-icon{font-size:16px}.policy-buttons{display:flex;gap:12px;flex-wrap:wrap}.policy-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:#667eea;text-decoration:none;border-radius:20px;font-size:13px;font-weight:500;transition:all .3s ease;border:1px solid rgba(102,126,234,.2)}.policy-link:hover{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.link-icon{font-size:14px}.dark-mode .policy-link{background:linear-gradient(135deg,rgba(144,205,244,.1),rgba(159,122,234,.1));color:#90cdf4;border-color:rgba(144,205,244,.2)}.dark-mode .policy-link:hover{background:linear-gradient(135deg,rgba(144,205,244,.15),rgba(159,122,234,.15));box-shadow:0 4px 12px rgba(144,205,244,.2)}.simple-checkbox-item{margin-bottom:16px;padding:12px;border-radius:8px;background:rgba(102,126,234,.02);border:1px solid rgba(102,126,234,.1);transition:all .2s ease}.simple-checkbox-item:hover{background:rgba(102,126,234,.05);border-color:rgba(102,126,234,.2)}.simple-checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;width:100%}.simple-checkbox{display:none}.checkbox-custom{width:20px;height:20px;border:2px solid #667eea;border-radius:4px;background:#fff;position:relative;flex-shrink:0;margin-top:2px;transition:all .2s ease;cursor:pointer;user-select:none}.simple-checkbox:checked+.checkbox-custom{background:#667eea;border-color:#667eea}.simple-checkbox:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.checkbox-content{display:flex;align-items:flex-start;gap:8px;flex:1}.checkbox-icon{font-size:16px;margin-top:2px;flex-shrink:0}.checkbox-text{flex:1}.checkbox-text strong{display:block;color:#2d3748;font-size:15px;font-weight:600;margin-bottom:4px;line-height:1.3}.checkbox-text small{color:#718096;font-size:13px;line-height:1.4}.dark-mode .simple-checkbox-item{background:rgba(144,205,244,.05);border-color:rgba(144,205,244,.1)}.dark-mode .simple-checkbox-item:hover{background:rgba(144,205,244,.08);border-color:rgba(144,205,244,.2)}.dark-mode .checkbox-custom{border-color:#90cdf4}.dark-mode .simple-checkbox:checked+.checkbox-custom{background:#90cdf4;border-color:#90cdf4}.dark-mode .checkbox-text strong{color:#e2e8f0}.dark-mode .checkbox-text small{color:#a0aec0}.consent-error{display:flex;align-items:center;gap:8px;background:rgba(254,215,215,.9);color:#c53030;padding:12px 16px;border-radius:8px;border:1px solid #feb2b2;margin-top:15px;font-size:14px;font-weight:500}.error-icon{font-size:16px}.dark-mode .consent-error{background:rgba(254,215,215,.1);border-color:#fc8181;color:#fc8181}@media (max-width: 480px){.auth-container{padding:10px;min-height:100vh}.auth-card{padding:20px;margin:0;border-radius:16px;max-width:100%;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.1)}.auth-title{font-size:24px!important;margin-bottom:16px}.auth-subtitle{font-size:14px!important;margin-bottom:20px}.form-input{padding:16px 14px!important;font-size:16px!important;border-radius:8px;min-height:48px}.form-label{font-size:14px!important;margin-bottom:6px}.auth-button{padding:16px 20px!important;font-size:16px!important;min-height:48px;border-radius:8px}.remember-me{font-size:14px;margin:16px 0}.checkbox-input{width:18px;height:18px;min-width:18px;min-height:18px}.forgot-password-btn{padding:12px 16px;font-size:14px;min-height:44px}.social-buttons{flex-direction:column;gap:12px}.social-button{width:100%;padding:14px;font-size:14px;min-height:48px}.theme-toggle-container{top:15px;right:15px}}@media (max-width: 768px){.auth-container{padding:15px}.auth-card{padding:28px;max-width:420px}.auth-form{gap:20px}.form-input{padding:14px 16px;font-size:15px}.auth-button{padding:14px 20px;font-size:15px}.enhanced-consent-section{padding:20px 15px;margin:24px 0}.doctor-form-section,.consent-card{padding:20px;margin-bottom:20px}.policy-links{padding:20px}.speech-bubble{left:50px;top:-40px}.policy-buttons{flex-direction:column}.policy-link{justify-content:center;min-height:44px}.consent-content{gap:8px}.consent-icon{font-size:18px}}@media (max-width: 1024px) and (orientation: landscape){.auth-container{padding:20px}.auth-card{max-width:500px}}.login-container{text-align:center;margin-top:24px}.login-text{margin:0 0 12px;color:#666;font-size:14px}.dark-mode .login-text{color:#cbd5e0}.login-link{display:inline-flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-weight:600;font-size:15px;padding:12px 24px;border-radius:25px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:2px solid transparent;background-clip:padding-box;transition:all .3s ease;position:relative;overflow:hidden}.login-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-link:hover:before{left:100%}.login-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3);background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15))}.login-icon{font-size:16px}.dark-mode .login-link{color:#90cdf4;background:linear-gradient(135deg,rgba(144,205,244,.1),rgba(159,122,234,.1))}.dark-mode .login-link:hover{background:linear-gradient(135deg,rgba(144,205,244,.15),rgba(159,122,234,.15));box-shadow:0 8px 25px rgba(144,205,244,.3)}.under-construction-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;position:relative}.construction-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.bg-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-element{position:absolute;color:rgba(255,255,255,.1);font-size:2rem;animation:float 6s ease-in-out infinite}.floating-element.element-1{top:10%;left:10%;animation-delay:0s}.floating-element.element-2{top:20%;right:15%;animation-delay:1s}.floating-element.element-3{top:60%;left:5%;animation-delay:2s}.floating-element.element-4{bottom:20%;right:10%;animation-delay:3s}.floating-element.element-5{top:40%;left:85%;animation-delay:4s}.floating-element.element-6{bottom:10%;left:20%;animation-delay:5s}.construction-content{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:30px;padding:3rem;max-width:800px;width:100%;text-align:center;box-shadow:0 30px 60px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.3);position:relative;z-index:2;animation:slideUp 1s ease-out}[data-theme=dark] .construction-content{background:rgba(45,55,72,.95);border-color:rgba(74,85,104,.5)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.construction-icon{margin-bottom:2rem}.icon-container{position:relative;display:inline-block}.construction-icon .fas.fa-hard-hat{font-size:4rem;color:#ff6b35;animation:bounce 2s infinite}.construction-gears{position:absolute;top:-10px;right:-20px}.gear-1,.gear-2{position:absolute;color:#667eea;animation:rotate 3s linear infinite}.gear-1{font-size:1.5rem;top:0;right:0}.gear-2{font-size:1rem;top:15px;right:15px;animation-direction:reverse;animation-duration:2s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.construction-text{margin-bottom:2rem}.construction-title{font-size:3rem;font-weight:800;color:#2d3748;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .construction-title{color:#f7fafc}.construction-subtitle{font-size:1.5rem;font-weight:600;color:#4a5568;margin-bottom:1rem}[data-theme=dark] .construction-subtitle{color:#cbd5e0}.construction-description{font-size:1.1rem;color:#718096;line-height:1.6;margin-bottom:1.5rem}[data-theme=dark] .construction-description{color:#a0aec0}.launch-info{display:inline-flex;align-items:center;gap:.5rem;background:rgba(102,126,234,.1);padding:.75rem 1.5rem;border-radius:25px;color:#667eea;font-weight:500;margin-bottom:1rem}.beta-notice{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:1.5rem;border-radius:15px;margin:2rem 0;position:relative;overflow:hidden}.beta-notice:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.beta-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;font-weight:600;margin-bottom:1rem;font-size:.9rem}.construction-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}.register-btn,.home-btn,.contact-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.register-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 20px rgba(102,126,234,.3)}.register-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(102,126,234,.4)}.home-btn{background:rgba(255,255,255,.9);color:#4a5568;border:2px solid #e2e8f0}.home-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.contact-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 10px 20px rgba(72,187,120,.3)}.contact-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(72,187,120,.4)}.available-features{margin:3rem 0}.available-features h3{color:#2d3748;margin-bottom:1.5rem;font-size:1.3rem}[data-theme=dark] .available-features h3{color:#f7fafc}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.feature-item{background:rgba(255,255,255,.8);padding:1.5rem 1rem;border-radius:15px;text-align:center;position:relative;transition:all .3s ease;border:2px solid transparent}[data-theme=dark] .feature-item{background:rgba(45,55,72,.8);border-color:#4a5568}.feature-item.available{border-color:#48bb78;background:rgba(72,187,120,.1)}.feature-item.coming-soon{border-color:#ed8936;background:rgba(237,137,54,.1);opacity:.7}.feature-item i{font-size:2rem;margin-bottom:.5rem;display:block}.feature-item.available i{color:#48bb78}.feature-item.coming-soon i{color:#ed8936}.feature-item span{font-weight:600;color:#2d3748;display:block;margin-bottom:.5rem}[data-theme=dark] .feature-item span{color:#f7fafc}.status-badge{position:absolute;top:-8px;right:-8px;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#48bb78;color:#fff}.status-badge.coming{background:#ed8936;color:#fff}.progress-section{margin:3rem 0}.progress-section h3{color:#2d3748;margin-bottom:1rem;font-size:1.3rem}[data-theme=dark] .progress-section h3{color:#f7fafc}.progress-bar{background:rgba(0,0,0,.1);height:20px;border-radius:10px;position:relative;overflow:hidden;margin-bottom:1.5rem}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;border-radius:10px;position:relative;transition:width 2s ease;animation:progressGlow 2s infinite alternate}@keyframes progressGlow{0%{box-shadow:0 0 5px rgba(102,126,234,.5)}to{box-shadow:0 0 20px rgba(102,126,234,.8)}}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:600;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.progress-milestones{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.milestone{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.milestone.completed{color:#48bb78}.milestone.in-progress{color:#ed8936}.milestone.pending{color:#a0aec0}.milestone i{font-size:1rem}.newsletter-section{background:rgba(102,126,234,.1);padding:2rem;border-radius:20px;margin-top:3rem}.newsletter-section h3{color:#2d3748;margin-bottom:.5rem;font-size:1.3rem}[data-theme=dark] .newsletter-section h3{color:#f7fafc}.newsletter-section p{color:#718096;margin-bottom:1.5rem}[data-theme=dark] .newsletter-section p{color:#a0aec0}.newsletter-form{display:flex;gap:1rem;max-width:400px;margin:0 auto}.email-input{flex:1;padding:1rem;border:2px solid #e2e8f0;border-radius:25px;font-size:1rem;outline:none;transition:all .3s ease}[data-theme=dark] .email-input{background:#1a202c;border-color:#4a5568;color:#f7fafc}.email-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.subscribe-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.construction-decorations{position:absolute;bottom:0;left:0;width:100%;height:100px;pointer-events:none;z-index:1}.construction-cone{position:absolute;bottom:20px}.construction-cone.cone-1{left:10%;animation:wobble 4s ease-in-out infinite}.construction-cone.cone-2{right:15%;animation:wobble 4s ease-in-out infinite reverse;animation-delay:2s}.cone-body{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:40px solid #ff6b35;position:relative}.cone-stripes{position:absolute;top:10px;left:-12px;width:24px;height:6px;background:#fff;border-radius:3px}.cone-stripes:after{content:"";position:absolute;top:12px;left:0;width:24px;height:6px;background:#fff;border-radius:3px}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}.construction-barrier{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:100px;height:20px;background:#2d3748;border-radius:10px;display:flex;align-items:center;justify-content:space-around}.barrier-stripe{width:20px;height:4px;background:gold;border-radius:2px;animation:blink 2s infinite}.barrier-stripe:nth-child(2){animation-delay:.5s}.barrier-stripe:nth-child(3){animation-delay:1s}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width: 768px){.construction-content{padding:2rem 1.5rem;margin:1rem}.construction-title{font-size:2.5rem}.construction-subtitle{font-size:1.3rem}.construction-actions{flex-direction:column;align-items:center}.register-btn,.home-btn,.contact-btn{width:100%;max-width:300px;justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}.progress-milestones{flex-direction:column;align-items:center}.newsletter-form{flex-direction:column}.floating-element{font-size:1.5rem}}@media (max-width: 480px){.construction-title{font-size:2rem}.construction-icon .fas.fa-hard-hat{font-size:3rem}.features-grid{grid-template-columns:1fr}.beta-notice{padding:1rem}.floating-element{display:none}}@media print{.under-construction-page{background:#fff}.bg-elements,.construction-decorations,.floating-element{display:none}.construction-content{background:#fff;box-shadow:none;border:1px solid #ccc}}.portal-container{display:flex;min-height:100vh;background:linear-gradient(135deg,#2ad895,#38d1d1)}[data-theme=dark] .portal-container{background:linear-gradient(135deg,#1a202c,#2d3748)}[data-theme=dark] .portal-sidebar{background:linear-gradient(180deg,#2d3748,#1a202c);border-right-color:rgba(96,165,250,.3)}.portal-sidebar{width:260px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:2px 0 15px rgba(0,0,0,.1);padding:15px 0;display:flex;flex-direction:column;border-right:1px solid rgba(102,126,234,.1)}.portal-user-info{display:flex;flex-direction:column;align-items:center;padding:15px;border-bottom:1px solid #eaedf3}[data-theme=dark] .portal-user-info{border-bottom-color:rgba(96,165,250,.3)}.portal-user-image{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:10px;border:2px solid #4A90E2}.portal-user-name{font-size:16px;font-weight:600;margin:0 0 3px;color:#333}[data-theme=dark] .portal-user-name{color:#f7fafc}.portal-user-role{font-size:13px;color:#666;margin:0}[data-theme=dark] .portal-user-role{color:#cbd5e0}.portal-nav{flex:1;padding:15px 0}.portal-nav-item{display:flex;align-items:center;padding:8px 20px;width:100%;background:none;border:none;text-align:left;font-size:14px;color:#555;cursor:pointer;position:relative;transition:all .2s ease;margin:0}[data-theme=dark] .portal-nav-item{color:#e2e8f0}.portal-nav-item:hover{background:linear-gradient(90deg,#f0f5ff,#e0f2fe);color:#667eea;transform:translate(5px)}[data-theme=dark] .portal-nav-item:hover{background:linear-gradient(90deg,rgba(96,165,250,.2),rgba(59,130,246,.2));color:#f7fafc}.portal-nav-item.active{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;font-weight:600;box-shadow:0 4px 15px rgba(102,126,234,.3);transform:translate(8px)}[data-theme=dark] .portal-nav-item.active{background:linear-gradient(90deg,#60a5fa,#3b82f6);color:#fff}.nav-icon{margin-right:10px;width:18px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}.notification-badge{position:absolute;right:15px;background-color:#ff5252;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.portal-actions{padding:15px;border-top:1px solid #eaedf3}[data-theme=dark] .portal-actions{border-top-color:rgba(96,165,250,.3)}.portal-action-button{width:100%;padding:8px;border:none;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.portal-action-button.logout{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;font-weight:600;box-shadow:0 4px 15px rgba(255,107,107,.3);border:2px solid transparent;transition:all .3s ease}.portal-action-button.logout:hover{background:linear-gradient(135deg,#ff5252,#d32f2f);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,82,82,.4);border:2px solid rgba(255,255,255,.3)}.portal-content{flex:1;padding:20px;overflow-y:auto;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border-radius:20px 0 0;margin:10px 10px 10px 0;box-shadow:0 4px 20px rgba(0,0,0,.05)}[data-theme=dark] .portal-content{background:rgba(30,41,59,.8)}.portal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eaedf3}[data-theme=dark] .portal-header{border-bottom-color:rgba(96,165,250,.3)}.portal-title{font-size:22px;font-weight:600;color:#333;margin:0}.portal-stats{display:flex;gap:15px}.stat-item{background:linear-gradient(135deg,#fff,#f0f5ff);border-radius:12px;padding:16px 20px;min-width:120px;box-shadow:0 8px 25px rgba(102,126,234,.15);text-align:center;border:1px solid rgba(102,126,234,.1);transition:all .3s ease;cursor:pointer}.stat-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(102,126,234,.25);background:linear-gradient(135deg,#f0f5ff,#e0f2fe)}.stat-value{display:block;font-size:24px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px}.stat-label{font-size:12px;color:#666}.portal-content-body{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:15px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-top:10px;border:1px solid rgba(102,126,234,.1)}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#666}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;padding:20px;text-align:center}.error-message{font-size:16px;color:#ff5252;margin-bottom:20px}.retry-button{background-color:#4a90e2;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:#357abd}@media (max-width: 992px){.portal-container{flex-direction:column}.portal-sidebar{width:100%;order:2}.portal-content{order:1;padding:15px}.portal-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}.portal-title{font-size:20px}.portal-stats{margin-top:15px;width:100%;overflow-x:auto;gap:10px}.stat-item{min-width:100px;padding:12px 16px}.stat-value{font-size:20px}.stat-label{font-size:11px}.portal-content-body{padding:20px;margin-top:15px}}@media (max-width: 768px){.portal-container{flex-direction:column;min-height:100vh}.portal-content{padding:10px;margin-top:60px;width:100%;order:1}.portal-tab-content{padding:15px;margin-top:60px;width:100%;background:#f8fafc;min-height:calc(100vh - 60px);overflow-y:auto}.portal-header{margin-bottom:15px;flex-direction:column;align-items:flex-start}.portal-title{font-size:18px}.portal-stats{flex-direction:column;gap:8px;margin-top:10px;width:100%}.stat-item{width:100%;min-width:auto;padding:15px;display:flex;justify-content:space-between;align-items:center;text-align:left}.stat-value{font-size:24px;margin-bottom:0}.stat-label{font-size:12px}.portal-content-body{padding:15px;border-radius:10px}}@media (max-width: 480px){.portal-container{flex-direction:column}.portal-content{padding:8px;margin-top:70px;width:100%}.portal-tab-content{padding:10px;margin-top:70px;width:100%;background:#f8fafc;min-height:calc(100vh - 70px)}.portal-title{font-size:16px}.stat-item{padding:12px;flex-direction:column;text-align:center;gap:5px;width:100%}.stat-value{font-size:22px}.portal-content-body{padding:12px}button,.nav-item,.portal-nav-item{min-height:44px;min-width:44px}body,.portal-tab-content{font-size:16px;line-height:1.5}}.schedule-icon{background-image:url(/assets/icons/clock.svg)}.departments-icon{background-image:url(/assets/icons/building.svg)}.facilities-icon{background-image:url(/assets/icons/tools.svg)}.tests-icon{background-image:url(/assets/icons/flask.svg)}.home-collection-icon{background-image:url(/assets/icons/truck.svg)}.inventory-icon{background-image:url(/assets/icons/box.svg)}.orders-icon{background-image:url(/assets/icons/shopping-cart.svg)}.delivery-icon{background-image:url(/assets/icons/map-pin.svg)}.vehicles-icon{background-image:url(/assets/icons/truck.svg)}.emergency-icon{background-image:url(/assets/icons/alert-triangle.svg)}.dashboard-container{padding:24px;background:linear-gradient(135deg,#2ad895,#38d1d1);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=dark] .dashboard-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.welcome-section{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#f1f5f9);padding:32px;border-radius:20px;margin-bottom:32px;box-shadow:0 8px 25px rgba(0,0,0,.1);border:1px solid #e2e8f0;transition:all .3s ease}[data-theme=dark] .welcome-section{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:rgba(96,165,250,.3);color:#f7fafc}.dashboard-tabs{display:flex;gap:8px;margin-bottom:32px;background:linear-gradient(135deg,#fff,#f8fafc);padding:8px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);border:1px solid rgba(102,126,234,.1)}[data-theme=dark] .dashboard-tabs{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:rgba(96,165,250,.3)}.tab-button{flex:1;padding:12px 20px;border:none;background:transparent;border-radius:8px;font-weight:600;font-size:14px;color:#6c757d;cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}[data-theme=dark] .tab-button{color:#cbd5e0}.tab-button:hover{background:rgba(102,126,234,.1);color:#667eea}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.notification-count{background:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-left:4px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#fff,#f0f5ff);padding:32px 24px;border-radius:20px;color:#2c3e50;box-shadow:0 15px 40px rgba(102,126,234,.2);transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;border:1px solid rgba(102,126,234,.1)}.stat-card.clickable:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(102,126,234,.3);background:linear-gradient(135deg,#f0f5ff,#e0f2fe)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;z-index:-1}.stat-icon{font-size:32px;margin-bottom:16px;opacity:.9}.stat-content{display:flex;flex-direction:column;gap:8px}.stat-value{font-size:36px;font-weight:700;line-height:1;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-title{font-size:16px;font-weight:600;opacity:.9}.stat-subtitle{font-size:14px;opacity:.8;font-weight:500}.quick-actions-section{margin-bottom:40px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.quick-action-card{background:linear-gradient(135deg,#fff,#f8fafc);padding:24px;border-radius:16px;box-shadow:0 10px 30px rgba(102,126,234,.15);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;border:1px solid rgba(102,126,234,.1)}.quick-action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.quick-action-card:hover:before{left:100%}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(102,126,234,.25);background:linear-gradient(135deg,#f0f5ff,#e0f2fe)}.action-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.action-content{flex:1}.action-content h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#2c3e50}.action-content p{margin:0;color:#6c757d;font-size:14px;line-height:1.4}.action-arrow{color:#95a5a6;font-size:16px;transition:all .3s ease}.quick-action-card:hover .action-arrow{color:#667eea;transform:translate(4px)}.section-container{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 15px 40px rgba(102,126,234,.15);transition:all .3s ease;border:1px solid rgba(102,126,234,.1)}.section-container:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f8f9fa}.section-title{font-size:24px;font-weight:700;color:#2c3e50;margin:0;position:relative}.section-title:after{content:"";position:absolute;bottom:-18px;left:0;width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.see-all-link{color:#667eea;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .3s ease;font-size:14px}.see-all-link:hover{color:#764ba2;transform:translate(4px)}.appointments-list,.patients-list,.prescriptions-list{display:flex;flex-direction:column;gap:16px}.appointment-card,.patient-card,.prescription-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.appointment-card:hover,.patient-card:hover,.prescription-card:hover{background:#fff;border-color:#667eea;transform:translate(8px);box-shadow:0 8px 25px rgba(102,126,234,.15)}.appointment-time-container{width:80px;height:80px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.appointment-time{font-size:18px;font-weight:700}.appointment-date{font-size:12px;opacity:.9}.appointment-details,.patient-details,.prescription-details{flex:1;display:flex;flex-direction:column;gap:4px}.appointment-patient-name,.patient-name,.prescription-patient{font-size:18px;font-weight:600;color:#2c3e50}.appointment-type,.patient-condition,.prescription-diagnosis{font-size:14px;color:#6c757d;font-weight:500}.patient-last-visit,.prescription-date{font-size:12px;color:#95a5a6}.patient-contact{margin-top:4px}.patient-email{font-size:12px;color:#667eea;background:rgba(102,126,234,.1);padding:2px 8px;border-radius:4px}.appointment-status{margin-top:8px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-requested{background:rgba(243,156,18,.1);color:#f39c12}.status-confirmed{background:rgba(52,152,219,.1);color:#3498db}.status-completed{background:rgba(46,204,113,.1);color:#2ecc71}.status-cancelled{background:rgba(231,76,60,.1);color:#e74c3c}.patient-avatar-container{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;flex-shrink:0}.prescription-icon{width:60px;height:60px;border-radius:12px;background:#e74c3c;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.prescription-medications{font-size:12px;color:#e74c3c;font-weight:500}.chevron-icon{color:#95a5a6;font-size:16px;transition:all .3s ease}.appointment-card:hover .chevron-icon,.patient-card:hover .chevron-icon,.prescription-card:hover .chevron-icon{color:#667eea;transform:translate(4px)}.dashboard-analytics{background:#fff;border-radius:20px;padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.analytics-header{text-align:center;margin-bottom:32px}.analytics-header h3{font-size:28px;font-weight:700;color:#2c3e50;margin:0 0 8px}.analytics-header p{color:#6c757d;font-size:16px;margin:0}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.analytics-card{background:#f8f9fa;padding:24px;border-radius:16px;text-align:center;transition:all .3s ease}.analytics-card:hover{background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-4px)}.analytics-card h4{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 20px}.chart-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;color:#6c757d}.rating-display{display:flex;flex-direction:column;align-items:center;gap:12px}.rating-number{font-size:48px;font-weight:700;color:#f39c12}.rating-stars{display:flex;gap:4px;font-size:24px}.activity-stats{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.activity-item:last-child{border-bottom:none}.activity-item span:first-child{color:#6c757d;font-weight:500}.activity-item span:last-child{color:#2c3e50;font-weight:600;font-size:18px}.dashboard-notifications{background:#fff;border-radius:20px;padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f8f9fa}.notifications-header h3{font-size:24px;font-weight:700;color:#2c3e50;margin:0}.mark-all-read{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.mark-all-read:hover{background:#764ba2;transform:translateY(-2px)}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-card{display:flex;align-items:center;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease;position:relative}.notification-card.unread{background:rgba(102,126,234,.05);border-left:4px solid #667eea}.notification-card:hover{background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translate(8px)}.notification-icon{width:50px;height:50px;border-radius:12px;background:#667eea;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.notification-content{flex:1}.notification-message{font-size:16px;font-weight:500;color:#2c3e50;margin-bottom:4px}.notification-time{font-size:12px;color:#95a5a6}.notification-badge{width:12px;height:12px;border-radius:50%;background:#e74c3c;flex-shrink:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#6c757d;font-size:16px;font-weight:500}@media (max-width: 1024px){.dashboard-container{padding:16px}.welcome-section{padding:24px;flex-direction:column;text-align:center;gap:20px}.stats-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-container{padding:12px}.welcome-section{padding:20px;margin-bottom:24px}.doctor-name{font-size:24px}.stats-container{grid-template-columns:1fr;gap:12px}.stat-card{padding:24px 20px}.stat-value{font-size:28px}.quick-actions-grid{grid-template-columns:1fr;gap:12px}.section-container{padding:20px;margin-bottom:24px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.appointment-card,.patient-card,.prescription-card{padding:16px;gap:12px}.appointment-time-container,.patient-avatar-container,.prescription-icon{width:50px;height:50px}.appointment-time{font-size:14px}.appointment-patient-name,.patient-name,.prescription-patient{font-size:16px}.dashboard-tabs{flex-direction:column;gap:4px}.tab-button{padding:16px}}@media (max-width: 480px){.welcome-section{padding:16px}.doctor-name{font-size:20px}.stat-card{padding:20px 16px}.stat-value{font-size:24px}.quick-action-card{padding:16px;gap:12px}.action-icon{width:50px;height:50px;font-size:20px}.section-container{padding:16px}.appointment-card,.patient-card,.prescription-card{padding:12px;gap:8px}.appointment-time-container,.patient-avatar-container,.prescription-icon{width:40px;height:40px}.appointment-time{font-size:12px}.appointment-patient-name,.patient-name,.prescription-patient{font-size:14px}}@media (max-width: 768px){button,.btn,.nav-item,.portal-nav-item,.card-button,.action-button,.tab-button,input[type=submit],input[type=button],.clickable{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1);user-select:none;-webkit-user-select:none}input,textarea,select{font-size:16px;padding:12px 16px;border-radius:8px;border:2px solid #e2e8f0;transition:border-color .2s ease}input:focus,textarea:focus,select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.card,.dashboard-card,.stat-card,.appointment-card,.patient-card{padding:16px;margin-bottom:12px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.card:active,.dashboard-card:active{transform:scale(.98);box-shadow:0 1px 4px rgba(0,0,0,.1)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px;font-size:14px}th,td{padding:12px 8px;white-space:nowrap}.modal,.modal-content{margin:10px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-header{padding:16px;border-bottom:1px solid #e2e8f0}.modal-body{padding:16px;max-height:calc(100vh - 200px);overflow-y:auto}.modal-footer{padding:16px;border-top:1px solid #e2e8f0}.dashboard-grid,.stats-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:0}.nav-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{flex:1 1 auto;min-width:100px;padding:12px 16px;text-align:center;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease}.nav-tab:active{transform:scale(.95)}.search-container,.filter-container{margin-bottom:16px}.search-input{width:100%;padding:12px 16px;font-size:16px;border-radius:8px;border:2px solid #e2e8f0}.list-item,.appointment-item,.patient-item{padding:16px;margin-bottom:8px;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .1s ease}.list-item:active{transform:scale(.98)}.action-buttons{display:flex;flex-direction:column;gap:8px;margin-top:12px}.action-button{width:100%;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease}.action-button:active{transform:scale(.95)}.fab,.floating-action-button{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:#3b82f6;color:#fff;border:none;box-shadow:0 4px 12px rgba(59,130,246,.3);z-index:100;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s ease}.fab:active{transform:scale(.9)}}@media (max-width: 480px){button,.btn,.nav-item,.portal-nav-item{min-height:48px;min-width:48px;font-size:16px}.card,.dashboard-card{padding:12px;margin-bottom:8px}.action-buttons{flex-direction:column;gap:6px}.modal{margin:5px;max-width:calc(100vw - 10px)}.modal-header,.modal-body,.modal-footer{padding:12px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:13px}table{font-size:12px}th,td{padding:8px 4px}.fab,.floating-action-button{bottom:15px;right:15px;width:52px;height:52px;font-size:20px}}@media (max-width: 768px) and (orientation: landscape){.portal-tab-content{margin-top:50px;padding:10px}.mobile-nav-toggle{top:10px!important}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card,.dashboard-card,.portal-nav-item{border:.5px solid rgba(0,0,0,.1)}}@media (pointer: coarse){button,.btn,.nav-item{min-height:48px;min-width:48px}.action-buttons{gap:12px}.nav-tabs{gap:10px}}@media (max-width: 768px){button:focus,.nav-item:focus,.portal-nav-item:focus{outline:2px solid #3b82f6;outline-offset:2px}.text-muted{color:#6b7280!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.not-found-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#333}.not-found-content{background:#fff;border-radius:16px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,.1);text-align:center}[data-theme=dark] .not-found-content{background:#2d3748;color:#f7fafc}.error-header{margin-bottom:2rem}.error-icon{font-size:4rem;margin-bottom:1rem;color:#e74c3c}.error-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#2c3e50}[data-theme=dark] .error-header h1{color:#f7fafc}.error-message{font-size:1.1rem;color:#7f8c8d;margin-bottom:1rem;line-height:1.6}[data-theme=dark] .error-message{color:#cbd5e0}.error-tip{font-size:.95rem;color:#3498db;background:#ebf3fd;padding:.75rem;border-radius:8px;border-left:4px solid #3498db;margin-bottom:2rem}[data-theme=dark] .error-tip{background:#1a365d;color:#63b3ed}.auto-redirect{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:2rem;border:1px solid #e9ecef}[data-theme=dark] .auto-redirect{background:#1a202c;border-color:#4a5568}.auto-redirect p{margin-bottom:.5rem;color:#6c757d}[data-theme=dark] .auto-redirect p{color:#cbd5e0}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width 1s ease}.primary-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.retry-button,.refresh-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.retry-button{background:#28a745;color:#fff}.retry-button:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.retry-button.loading{background:#6c757d;cursor:not-allowed}.retry-button:disabled{opacity:.6;cursor:not-allowed}.refresh-button{background:#17a2b8;color:#fff}.refresh-button:hover{background:#138496;transform:translateY(-2px)}.secondary-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.back-button,.home-button{padding:.75rem 1.5rem;border:2px solid #6c757d;border-radius:8px;background:transparent;color:#6c757d;text-decoration:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.back-button:hover,.home-button:hover{background:#6c757d;color:#fff;transform:translateY(-2px)}.suggested-links{margin-bottom:2rem}.suggested-links h2{font-size:1.3rem;margin-bottom:1rem;color:#2c3e50}[data-theme=dark] .suggested-links h2{color:#f7fafc}.suggested-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.suggested-link{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;text-decoration:none;color:#495057;transition:all .3s ease}[data-theme=dark] .suggested-link{background:#1a202c;border-color:#4a5568;color:#cbd5e0}.suggested-link:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}[data-theme=dark] .suggested-link:hover{background:#2d3748}.suggested-link svg{font-size:1.2rem;color:#007bff}.error-test-section{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}[data-theme=dark] .error-test-section{background:#1a202c;border-color:#4a5568}.error-test-section h3{margin-bottom:1rem;color:#6c757d;font-size:1.1rem}[data-theme=dark] .error-test-section h3{color:#cbd5e0}.error-test-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.test-button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.test-button.cloud-error{background:#3b82f6;color:#fff}.test-button.cloud-error:hover{background:#2563eb}.test-button.network-error{background:#10b981;color:#fff}.test-button.network-error:hover{background:#059669}.test-button.timeout-error{background:#f59e0b;color:#fff}.test-button.timeout-error:hover{background:#d97706}.test-button.generic-error{background:#6b7280;color:#fff}.test-button.generic-error:hover{background:#4b5563}.technical-details{margin-top:2rem;text-align:left}.technical-details summary{cursor:pointer;padding:.75rem;background:#f8f9fa;border-radius:6px;font-weight:600;color:#495057;border:1px solid #e9ecef}[data-theme=dark] .technical-details summary{background:#2d3748;color:#f7fafc;border-color:#4a5568}.technical-details summary:hover{background:#e9ecef}[data-theme=dark] .technical-details summary:hover{background:#4a5568}.details-content{padding:1rem;background:#f8f9fa;border-radius:0 0 6px 6px;border:1px solid #e9ecef;border-top:none;font-family:Courier New,monospace;font-size:.9rem}[data-theme=dark] .details-content{background:#1a202c;border-color:#4a5568}.details-content p{margin:.5rem 0;color:#6c757d}[data-theme=dark] .details-content p{color:#cbd5e0}.details-content strong{color:#495057}[data-theme=dark] .details-content strong{color:#f7fafc}@media (max-width: 768px){.not-found-container{padding:1rem}.not-found-content{padding:2rem 1.5rem}.error-header h1{font-size:2rem}.primary-actions,.secondary-actions{flex-direction:column;align-items:center}.retry-button,.refresh-button,.back-button,.home-button{width:100%;max-width:300px}.suggested-links-grid,.error-test-buttons{grid-template-columns:1fr}}@media (max-width: 480px){.not-found-content{padding:1.5rem 1rem}.error-header h1{font-size:1.75rem}.error-message{font-size:1rem}}.about-page{min-height:100vh;background-color:var(--background-color)}.about-content{max-width:1200px;margin:0 auto;padding:2rem}.about-hero{text-align:center;padding:4rem 0;background:linear-gradient(135deg,#4a90e2,#2c5aa0);color:#fff;border-radius:1rem;margin-bottom:3rem}.about-hero p{color:#fff!important;font-size:1.25rem;text-shadow:0 2px 6px rgba(0,0,0,.5);font-weight:400}.about-hero h1{font-size:2.5rem;margin-bottom:1rem;color:#fff!important;text-shadow:0 3px 8px rgba(0,0,0,.5);font-weight:700}.about-mission{text-align:center;margin-bottom:3rem}.about-mission p{max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.6;color:var(--text-color)}.about-values{text-align:center;margin-bottom:3rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.value-card{background:var(--background-color);padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}.value-card h3{color:var(--text-color);margin-bottom:1rem}.value-card p{color:var(--light-text)}.value-card:hover{transform:translateY(-5px)}.value-icon{font-size:2.5rem;margin-bottom:1rem}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.feature-item{background:var(--background-color);padding:1.5rem;border-radius:.5rem;text-align:center}.feature-item h4{color:var(--text-color);margin-bottom:.5rem}.feature-item p{color:var(--light-text)}.about-team{text-align:center;margin:3rem 0;padding:2rem;background:var(--background-color);border-radius:1rem}.about-team h2{color:var(--text-color);margin-bottom:1rem}.about-team p{color:var(--light-text)}.about-contact{text-align:center;margin-top:3rem;padding:3rem;background:var(--background-color);border-radius:1rem}.about-contact h2{color:var(--text-color);margin-bottom:1rem}.about-contact p{color:var(--light-text)}.contact-button{margin-top:1rem;padding:1rem 2rem;font-size:1.1rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.contact-button:hover{background-color:var(--primary-color-dark);transform:translateY(-2px)}.founder-section{margin:4rem 0;padding:3rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1)}.founder-section h2{text-align:center;font-size:2.5rem;color:var(--primary-color);margin-bottom:3rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.founder-profile{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start}.founder-image{text-align:center}.founder-photo{width:100%;max-width:300px;height:400px;object-fit:cover;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.15);border:4px solid #fff;transition:transform .3s ease,box-shadow .3s ease}.founder-photo:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.founder-info h3{font-size:2rem;color:#2d3748;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.founder-credentials{margin-bottom:2rem}.founder-credentials p{margin:.5rem 0;font-size:1.1rem;color:#2d3748;font-weight:500}.founder-message{margin:2rem 0}.founder-message blockquote{font-size:1.2rem;line-height:1.8;color:#2d3748;font-style:italic;padding:2rem;background:rgba(255,255,255,.8);border-left:5px solid #667eea;border-radius:10px;margin:0;box-shadow:0 4px 15px rgba(0,0,0,.05)}.founder-highlights{margin-top:2rem}.highlight-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:rgba(255,255,255,.9);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.highlight-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.highlight-icon{font-size:2rem;flex-shrink:0}.highlight-text{flex:1;font-size:1.1rem;line-height:1.6;color:#4a5568}.highlight-text strong{color:#2d3748;font-weight:600}.dark-mode .about-page{background-color:var(--background-color);color:var(--text-primary)}.dark-mode .about-hero{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff}.dark-mode .about-hero h1{color:#fff!important;text-shadow:0 3px 8px rgba(0,0,0,.7);font-weight:700}.dark-mode .about-hero p{color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.7);font-weight:400}.dark-mode .about-mission h2,.dark-mode .about-values h2{color:var(--text-primary)}.dark-mode .about-mission p{color:var(--text-secondary)}.dark-mode .value-card{background:var(--card-background);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.dark-mode .value-card h3{color:var(--text-primary)}.dark-mode .value-card p{color:var(--text-secondary)}.dark-mode .founder-section{background:linear-gradient(135deg,#1a202c,#2d3748)}.dark-mode .founder-info h3,.dark-mode .founder-section h2,[data-theme=dark] .founder-info h3,[data-theme=dark] .founder-section h2{color:#1a202c;-webkit-text-fill-color:#1a202c;background:rgba(255,255,255,.95);padding:.5rem 1rem;border-radius:8px;display:inline-block}.dark-mode .founder-credentials p,[data-theme=dark] .founder-credentials p{color:#1a202c;background:rgba(255,255,255,.95);padding:.25rem .75rem;border-radius:6px;font-weight:600;display:inline-block;margin:.25rem}.dark-mode .founder-message blockquote,[data-theme=dark] .founder-message blockquote{background:rgba(45,55,72,.8);color:#f7fafc;border-left-color:#90cdf4}.dark-mode .highlight-item{background:rgba(45,55,72,.9)}.dark-mode .highlight-text,[data-theme=dark] .highlight-text{color:#e2e8f0}.dark-mode .highlight-text strong,[data-theme=dark] .highlight-text strong{color:#f7fafc}@media (max-width: 768px){.founder-profile{grid-template-columns:1fr;gap:2rem;text-align:center}.founder-section{padding:2rem 1rem}.founder-section h2{font-size:2rem}.founder-info h3{font-size:1.5rem}.founder-message blockquote{font-size:1.1rem;padding:1.5rem}.highlight-item{flex-direction:column;text-align:center;gap:.5rem}}@media (max-width: 768px){.about-hero{padding:3rem 1rem}.about-hero h1{font-size:2rem}.about-content{padding:1rem}.values-grid,.features-list{grid-template-columns:1fr}}.contact-page{min-height:100vh;background:var(--background-color);padding-top:80px}.contact-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.contact-hero{text-align:center;margin-bottom:3rem;padding:2rem 1rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-radius:16px;margin:0 1rem 3rem}.contact-hero h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.contact-hero p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.contact-info{background:var(--bg-secondary);padding:2rem;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid var(--border-color)}.contact-info h2{color:var(--text-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:600}.info-items{display:flex;flex-direction:column;gap:1.5rem}.info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color)}.info-icon{font-size:1.5rem;min-width:40px;text-align:center}.info-text h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.info-text p{color:var(--text-secondary);line-height:1.5;margin:0;word-break:break-word;overflow-wrap:break-word}.contact-form-section{background:var(--bg-secondary);padding:2rem;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid var(--border-color)}.contact-form-section h2{color:var(--text-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:1.5rem}[data-theme=dark] .contact-page{background-color:#1a202c;color:#f7fafc}[data-theme=dark] .contact-hero{background:linear-gradient(135deg,#2d3748,#1a202c)}[data-theme=dark] .contact-hero h1,[data-theme=dark] .contact-hero p{color:#f7fafc;text-shadow:0 2px 4px rgba(0,0,0,.5)}[data-theme=dark] .contact-container h1,[data-theme=dark] .contact-container h2,[data-theme=dark] .contact-container h3,[data-theme=dark] .contact-container p{color:#f7fafc}[data-theme=dark] .contact-info,[data-theme=dark] .contact-form-section,[data-theme=dark] .faq-item{background:#2d3748;border:1px solid #4a5568;color:#f7fafc}[data-theme=dark] .info-item{background:#1a202c;border-color:#4a5568}[data-theme=dark] .contact-info h2,[data-theme=dark] .contact-info h3,[data-theme=dark] .contact-info p,[data-theme=dark] .faq-section h2,[data-theme=dark] .faq-item h3,[data-theme=dark] .faq-item p{color:#f7fafc}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#a0aec0}[data-theme=dark] .form-group label{color:#f7fafc}[data-theme=dark] .status-message.success{background:#276749;color:#9ae6b4;border-color:#38a169}[data-theme=dark] .status-message.error{background:#742a2a;color:#feb2b2;border-color:#e53e3e}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.form-group textarea{min-height:150px;resize:vertical}.status-message{margin-top:1rem;padding:.875rem 1rem;border-radius:8px;text-align:center;font-weight:500;font-size:.9rem}.status-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.submit-button{background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.submit-button:hover{background:var(--primary-color-dark)}.submit-button:disabled{background:var(--disabled-color);cursor:not-allowed}.faq-section{margin-top:4rem}.faq-section h2{text-align:center;margin-bottom:2rem;color:var(--text-primary)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.faq-item{background:var(--bg-secondary);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.faq-item h3{color:var(--text-primary);margin-bottom:1rem}.faq-item p{color:var(--text-secondary)}@media (max-width: 1024px){.contact-content{padding:1.5rem}.contact-container{gap:2rem}.contact-hero{margin:0 .5rem 2rem;padding:1.5rem}.contact-hero h1{font-size:2.25rem}.contact-hero p{font-size:1rem}}@media (max-width: 768px){.contact-page{padding-top:70px}.contact-content{padding:1rem}.contact-hero{margin:0 0 2rem;padding:1.5rem 1rem;border-radius:12px}.contact-hero h1{font-size:1.75rem;line-height:1.2;margin-bottom:.75rem}.contact-hero p{font-size:.95rem;line-height:1.5}.contact-container{grid-template-columns:1fr;gap:1.5rem}.contact-info,.contact-form-section{padding:1.5rem;border-radius:12px}.info-item{padding:.875rem;flex-direction:column;text-align:left;gap:.75rem;align-items:flex-start}.info-item .info-text{width:100%}.info-item .info-text p{word-break:break-all;overflow-wrap:anywhere;white-space:normal;line-height:1.4}.info-icon{font-size:2rem}.info-text h3{font-size:1rem}.info-text p{font-size:.9rem}.form-group input,.form-group textarea{font-size:16px;min-height:48px;padding:.875rem 1rem;border-radius:8px}.form-group textarea{min-height:120px}.submit-button{width:100%;min-height:48px;font-size:16px;padding:.875rem 1.25rem;border-radius:8px;font-weight:600}.faq-section{margin-top:2rem}.faq-grid{grid-template-columns:1fr;gap:1rem}.faq-item{padding:1.25rem;border-radius:12px}.faq-item h3{font-size:1rem;margin-bottom:.75rem}.faq-item p{font-size:.9rem;line-height:1.5}}@media (max-width: 480px){.contact-page{padding-top:60px}.contact-content{padding:.75rem}.contact-hero{margin-bottom:1.5rem;padding:1.25rem .75rem;border-radius:10px}.contact-hero h1{font-size:1.5rem;line-height:1.2;margin-bottom:.5rem}.contact-hero p{font-size:.85rem;line-height:1.4}.contact-container{gap:1rem}.contact-info,.contact-form-section{padding:1rem;border-radius:10px}.contact-info h2,.contact-form-section h2{font-size:1.25rem;margin-bottom:1rem}.info-item{padding:.75rem;gap:.5rem}.info-icon{font-size:1.75rem}.info-text h3{font-size:.95rem;margin-bottom:.25rem}.info-text p{font-size:.8rem;line-height:1.4;word-break:break-all;overflow-wrap:anywhere;white-space:normal;hyphens:auto}.form-group{margin-bottom:1rem}.form-group label{font-size:.85rem;margin-bottom:.5rem;font-weight:600}.form-group input,.form-group textarea{padding:.75rem;font-size:16px;min-height:48px;border-radius:6px}.form-group textarea{min-height:100px}.submit-button{width:100%;padding:.875rem 1rem;font-size:16px;min-height:48px;border-radius:6px;font-weight:600}.faq-section{margin-top:1.5rem}.faq-section h2{font-size:1.25rem;margin-bottom:1rem}.faq-grid{gap:.75rem}.faq-item{padding:1rem;border-radius:10px}.faq-item h3{font-size:.95rem;margin-bottom:.5rem}.faq-item p{font-size:.8rem;line-height:1.4}}@media (max-width: 360px){.contact-content{padding:.5rem}.contact-hero{padding:1rem .5rem}.contact-hero h1{font-size:1.25rem}.contact-info,.contact-form-section{padding:.75rem}.info-item{padding:.5rem}.form-group input,.form-group textarea{padding:.625rem}}@media (max-width: 414px){.contact-content{padding:.5rem}.contact-hero{padding:1rem .75rem}.info-item{padding:.75rem}.info-text p{font-size:.75rem;word-break:break-all;overflow-wrap:anywhere}}@media (max-width: 280px){.contact-content{padding:.25rem}.contact-hero{padding:.75rem .5rem}.contact-hero h1{font-size:1.1rem}.contact-hero p{font-size:.75rem}.info-item{padding:.5rem}.info-text h3{font-size:.85rem}.info-text p{font-size:.7rem;word-break:break-all;overflow-wrap:anywhere}}@media (hover: none) and (pointer: coarse){.form-group input,.form-group textarea,.submit-button{min-height:48px;touch-action:manipulation}.info-item{min-height:60px;touch-action:manipulation}.faq-item{min-height:80px;touch-action:manipulation}}@media screen and (-webkit-min-device-pixel-ratio: 2){.contact-page{-webkit-overflow-scrolling:touch}.form-group input,.form-group textarea{-webkit-appearance:none;appearance:none;border-radius:8px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.contact-hero,.contact-info,.contact-form-section{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion: reduce){.submit-button,.info-item,.faq-item{transition:none}}@media (max-height: 500px) and (orientation: landscape){.contact-hero{padding:1rem;margin-bottom:1rem}.contact-hero h1{font-size:1.5rem;margin-bottom:.5rem}.contact-hero p{font-size:.9rem}.contact-container{gap:1rem}.faq-section{margin-top:1rem}}.faq-page{max-width:1200px;margin:0 auto;padding:4rem 2rem}.faq-header{text-align:center;margin-bottom:4rem}.faq-title{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.faq-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.faq-content{display:grid;gap:2rem}.faq-item{background:var(--card-background);border-radius:12px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}[data-theme=dark] .faq-item{background:#2d3748;border:1px solid #4a5568}.faq-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1)}.faq-question{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.faq-question:before{content:"❓";font-size:1.5rem}.faq-answer{color:var(--text-secondary);line-height:1.6;padding-left:2.5rem}.faq-footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.faq-contact{font-size:1.1rem;color:var(--text-secondary)}.faq-contact-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.faq-contact-link:hover{color:var(--secondary-color);text-decoration:underline}@media (max-width: 768px){.faq-page{padding:3rem 1rem}.faq-title{font-size:2rem}.faq-description{font-size:1rem}.faq-item{padding:1.5rem}.faq-question{font-size:1.1rem}}.legal-policy-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=dark] .legal-policy-page{background:linear-gradient(135deg,#1a202c,#2d3748)}[data-theme=dark] .policy-header{background:rgba(30,41,59,.9);color:#f7fafc}[data-theme=dark] .policy-sidebar,[data-theme=dark] .policy-main{background:rgba(30,41,59,.95);border:1px solid rgba(96,165,250,.3)}[data-theme=dark] .policy-content{color:#f7fafc}[data-theme=dark] .policy-content h2{color:#f7fafc;border-bottom-color:#60a5fa}[data-theme=dark] .policy-content h3{color:#e2e8f0}[data-theme=dark] .policy-content h4{color:#cbd5e0}[data-theme=dark] .nav-item{color:#e2e8f0}[data-theme=dark] .nav-item:hover{background:rgba(96,165,250,.2);color:#f7fafc;border-left-color:#60a5fa}[data-theme=dark] .nav-item.active{background:rgba(96,165,250,.3);color:#f7fafc;border-left-color:#60a5fa}.policy-header{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);padding:2rem 0;text-align:center;color:#fff}.policy-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.policy-header h1 i{font-size:2rem;color:gold}.policy-header p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}.policy-container{display:flex;max-width:1400px;margin:0 auto;padding:2rem;gap:2rem;min-height:calc(100vh - 200px)}.policy-sidebar{width:300px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:20px;padding:0;height:fit-content;position:sticky;top:2rem;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.3)}.sidebar-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:20px 20px 0 0;text-align:center}.sidebar-header h3{margin:0;font-size:1.2rem;font-weight:600}.policy-nav{padding:1rem 0}.nav-item{width:100%;padding:1rem 1.5rem;border:none;background:none;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#4a5568;border-left:3px solid transparent}.nav-item:hover{background:rgba(102,126,234,.1);color:#667eea;border-left-color:#667eea}.nav-item.active{background:rgba(102,126,234,.15);color:#667eea;border-left-color:#667eea;font-weight:600}.nav-item i{width:20px;text-align:center;font-size:1rem}.policy-main{flex:1;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:20px;padding:0;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.3);overflow:hidden}.policy-content{padding:2rem;line-height:1.7;color:#2d3748}.policy-content h2{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem;padding-bottom:1rem;border-bottom:3px solid #667eea}.policy-content h3{font-size:1.4rem;font-weight:600;color:#2d3748;margin:2rem 0 1rem;display:flex;align-items:center;gap:.5rem}.policy-content h4{font-size:1.1rem;font-weight:600;color:#4a5568;margin:1.5rem 0 .75rem}.policy-content p{margin-bottom:1rem;text-align:justify}.policy-content ul,.policy-content ol{margin:1rem 0;padding-left:1.5rem}.policy-content li{margin-bottom:.5rem;text-align:justify}.policy-content section{margin-bottom:2.5rem}.last-updated{background:rgba(102,126,234,.1);color:#667eea;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;font-weight:500;margin-bottom:2rem;border-left:4px solid #667eea}.warning-section{background:rgba(255,193,7,.1);border:2px solid #ffc107;border-radius:15px;padding:1.5rem;margin:2rem 0}.warning-banner{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:1rem;border-radius:10px;text-align:center;margin-bottom:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.disclaimer-banner{background:rgba(220,53,69,.1);border:2px solid #dc3545;border-radius:15px;padding:1.5rem;margin:2rem 0}.emergency-notice{background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff;padding:1.5rem;border-radius:15px;margin:1.5rem 0;text-align:center}.emergency-notice h4{color:#fff;margin-top:0;font-size:1.2rem}.prohibited-list{background:rgba(220,53,69,.05);border:1px solid rgba(220,53,69,.2);border-radius:10px;padding:1.5rem;margin:1rem 0}.prohibited-list h4{color:#dc3545;margin-top:0}.prohibited-list ul li{color:#721c24}.prohibited-list ul li strong{color:#dc3545}.policy-footer{background:rgba(0,0,0,.8);color:#fff;padding:2rem 0;margin-top:2rem}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content h4{color:gold;margin-bottom:1rem;font-size:1.2rem}.footer-content p{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;color:#fff!important;font-weight:500}.footer-content i{color:#667eea;width:20px}.accordion-item{border-bottom:1px solid rgba(102,126,234,.1)}.accordion-item:last-child{border-bottom:none}.accordion-arrow{margin-left:auto;transition:transform .3s ease;font-size:.8rem}.nav-item.expanded .accordion-arrow{transform:rotate(180deg)}.accordion-content{padding:1rem;background:rgba(102,126,234,.05);border-top:1px solid rgba(102,126,234,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;padding-top:1rem;padding-bottom:1rem}}@media (max-width: 1024px){.policy-container{flex-direction:column;padding:1rem}.policy-sidebar{width:100%;position:static}.policy-nav{padding:0}.accordion-item .nav-item{padding:1rem 1.5rem;border-left:none;border-radius:0;justify-content:space-between}.accordion-item .nav-item:hover,.accordion-item .nav-item.expanded{background:rgba(102,126,234,.1);border-left:none}}@media (max-width: 768px){.policy-header h1{font-size:2rem;flex-direction:column;gap:.5rem}.policy-content{padding:1.5rem}.policy-content h2{font-size:1.6rem}.policy-content h3{font-size:1.2rem}.footer-content{grid-template-columns:1fr;text-align:center}.policy-nav{grid-template-columns:1fr}}@media (max-width: 480px){.policy-container{padding:.5rem}.policy-header{padding:1.5rem 1rem}.policy-header h1{font-size:1.6rem}.policy-content,.warning-section,.disclaimer-banner,.prohibited-list{padding:1rem}}@media print{.legal-policy-page{background:#fff}.policy-header,.policy-sidebar,.policy-footer{display:none}.policy-container{display:block;max-width:none;padding:0}.policy-main{background:#fff;box-shadow:none;border:none}.policy-content{padding:0}.warning-banner,.emergency-notice{background:#f8f9fa!important;color:#000!important;border:2px solid #000}}.nav-item:focus{outline:2px solid #667eea;outline-offset:2px}.policy-content a{color:#667eea;text-decoration:underline}.policy-content a:hover{color:#764ba2}.policy-content{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.policy-main::-webkit-scrollbar{width:8px}.policy-main::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:10px}.policy-main::-webkit-scrollbar-thumb{background:rgba(102,126,234,.5);border-radius:10px}.policy-main::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.7)}.health-feed-page{min-height:100vh;background-color:#f8fafc}.feed-header{background:linear-gradient(135deg,#2196f3,#1976d2);padding:3rem 2rem;color:#fff;text-align:center}.header-content{max-width:800px;margin:0 auto}.header-content h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.header-content p{font-size:1.25rem;opacity:.9;margin-bottom:0}.feed-content{max-width:1200px;margin:2rem auto;padding:0 2rem}@media (max-width: 768px){.feed-header{padding:2rem 1rem}.header-content h1{font-size:2rem}.feed-content{padding:0 1rem}}.doctors-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);position:relative;overflow-x:hidden}.doctors-page: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 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.05"/><circle cx="50" cy="10" r="0.5" fill="%23ffffff" opacity="0.03"/><circle cx="10" cy="60" r="0.5" fill="%23ffffff" opacity="0.03"/><circle cx="90" cy="40" r="0.5" fill="%23ffffff" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;pointer-events:none;z-index:1}.doctors-hero{position:relative;padding:60px 20px;text-align:center;z-index:2}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.hero-pattern{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:.1;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.hero-content{position:relative;max-width:800px;margin:0 auto;z-index:3}.hero-icon{display:inline-block;padding:20px;background:rgba(255,255,255,.15);border-radius:50%;margin-bottom:30px;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 rgba(255,255,255,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 20px rgba(255,255,255,0)}}.hero-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hero-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;color:rgba(255,255,255,.9);margin-bottom:40px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.location-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);padding:12px 20px;border-radius:25px;color:#fff;font-size:.95rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);margin-bottom:30px;animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.search-container{margin-top:40px}.search-wrapper{position:relative;max-width:500px;margin:0 auto}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666;z-index:2}.doctors-content{display:flex;max-width:1400px;margin:0 auto;padding:0 20px 40px;gap:30px;position:relative;z-index:2}.filters-sidebar{flex:0 0 300px;position:sticky;top:20px;height:fit-content}.filter-section{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:20px;padding:25px;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2)}.filter-header{display:flex;align-items:center;gap:10px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.filter-header svg{color:#667eea}.filter-header h3{margin:0;font-size:1.2rem;font-weight:700;color:#333}.filter-group{margin-bottom:20px}.filter-group label{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:8px;color:#333;font-size:.9rem}.filter-group label svg{color:#667eea}.modern-select{width:100%;padding:12px 15px;border:2px solid #e8ecf4;border-radius:12px;font-size:14px;background:#fff;transition:all .3s ease;cursor:pointer}.modern-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);transform:translateY(-1px)}.modern-select:hover{border-color:#667eea}.results-count{margin-top:25px;padding-top:20px;border-top:2px solid #f0f0f0;text-align:center}.results-count span{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:.9rem}.doctors-list{flex:1;min-width:0}.doctors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:25px;margin-top:20px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.doctor-card{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:20px;padding:0;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.doctor-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.doctor-card:hover:before{left:100%}.doctor-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.15)}.doctor-image{position:relative;height:200px;overflow:hidden;border-radius:20px 20px 0 0}.doctor-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.doctor-card:hover .doctor-image img{transform:scale(1.1)}.verified-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:8px;border-radius:50%;font-size:.8rem;font-weight:600;box-shadow:0 4px 12px rgba(40,167,69,.3);animation:verified-pulse 2s ease-in-out infinite}@keyframes verified-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.verified-icon{display:block;font-weight:700}.doctor-info{padding:25px}.doctor-info h3{margin:0 0 8px;font-size:1.4rem;color:#2c3e50;font-weight:700;line-height:1.3}.specialty{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.experience{color:#666;font-size:.9rem;margin-bottom:10px;display:flex;align-items:center;gap:5px}.experience:before{content:"🎓";font-size:1rem}.rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stars{color:gold;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.rating-value{background:#f8f9fa;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;color:#666}.location{color:#666;font-size:.9rem;margin-bottom:8px;display:flex;align-items:center;gap:5px}.distance{color:#28a745;font-size:.9rem;font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:5px}.schedule-info{margin:15px 0;padding:15px;background:linear-gradient(135deg,#f8f9ff,#e8f4fd);border-radius:12px;border:1px solid #e3f2fd;position:relative}.schedule-info:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 0 0 12px}.schedule-info h4{margin:0 0 12px;font-size:.95rem;color:#2c3e50;font-weight:700;display:flex;align-items:center;gap:8px}.schedule-info h4:before{content:"🏥";font-size:1rem}.schedule-item{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;padding:12px;background:rgba(255,255,255,.8);border-radius:10px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.schedule-item:hover{background:#fff;transform:translate(5px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.hospital-name{font-weight:700;color:#2c3e50;font-size:.9rem}.schedule-time{color:#666;font-size:.85rem;font-weight:500}.consultation-fee{color:#28a745;font-weight:700;font-size:.9rem;background:rgba(40,167,69,.1);padding:4px 8px;border-radius:8px;align-self:flex-start}.more-schedules{margin:8px 0 0;font-size:.85rem;color:#667eea;font-weight:600;text-align:center}.doctor-actions{display:flex;gap:12px;margin-top:20px}.btn-primary{flex:1;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.btn-secondary{flex:1;padding:12px 20px;background:transparent;color:#667eea;border:2px solid #667eea;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.3)}.no-results{text-align:center;padding:60px 40px;color:#fff;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border-radius:20px;margin-top:40px;border:1px solid rgba(255,255,255,.2)}.no-results h3{margin-bottom:15px;font-size:1.8rem;font-weight:700}.no-results p{font-size:1.1rem;opacity:.9}@media (max-width: 1024px){.doctors-content{flex-direction:column;gap:20px}.filters-sidebar{flex:none;position:static}.filter-section{padding:20px}}@media (max-width: 768px){.doctors-page{padding:0}.doctors-hero{padding:40px 15px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.doctors-content{padding:0 15px 30px}.doctors-grid{grid-template-columns:1fr;gap:20px}.doctor-actions{flex-direction:column;gap:10px}.search-wrapper{max-width:100%}}@media (max-width: 480px){.hero-title{font-size:2rem}.doctor-info{padding:20px}.filter-section{padding:15px}}@media (max-width: 768px){.doctors-content{padding:0 15px 30px}.doctors-grid{grid-template-columns:1fr;gap:15px}.doctor-card{margin-bottom:10px}.doctor-actions{flex-direction:column;gap:10px}.search-wrapper{max-width:100%}}@media (max-width: 480px){.doctors-hero{padding:30px 10px}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-icon{padding:15px;margin-bottom:20px}.hero-icon svg{width:60px;height:60px}.location-badge{padding:10px 15px;font-size:.85rem;margin-bottom:20px}.doctors-content{padding:0 10px 20px}.doctor-info{padding:15px}.doctor-info h3{font-size:1.2rem}.doctor-image{height:150px}.schedule-item{padding:10px}.doctor-actions{gap:8px}.btn-primary,.btn-secondary{padding:12px 16px;font-size:.8rem}.filter-section{padding:15px}.filter-group{margin-bottom:15px}.modern-select{padding:10px 12px;font-size:.9rem}.btn-primary,.btn-secondary,.modern-select,.doctor-card{min-height:48px;touch-action:manipulation}}@media (max-width: 414px){.doctors-hero{padding:25px 8px}.doctors-content{padding:0 8px 15px}.doctor-card{margin-bottom:15px}.filter-section{padding:12px}}@media (max-width: 280px){.doctors-hero{padding:20px 5px}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.hero-icon{padding:12px}.hero-icon svg{width:50px;height:50px}.doctors-content{padding:0 5px 15px}.doctor-info{padding:12px}.doctor-info h3{font-size:1.1rem}.doctor-image{height:120px}.btn-primary,.btn-secondary{padding:10px 12px;font-size:.75rem}.filter-section{padding:10px}.modern-select{padding:8px 10px;font-size:.8rem}}@media screen and (-webkit-min-device-pixel-ratio: 2){.doctors-page,.doctors-grid{-webkit-overflow-scrolling:touch}}@media (hover: none) and (pointer: coarse){.btn-primary,.btn-secondary,.modern-select,.doctor-card{min-height:48px;touch-action:manipulation}.doctor-card:hover{transform:none}.doctor-card:active{transform:scale(.98)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.doctor-image img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme: dark){.doctors-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#3d3d3d)}.filter-section,.doctor-card{background:rgba(45,45,45,.95);color:#fff}.filter-header h3,.doctor-info h3{color:#fff}.filter-group label{color:#b0b0b0}.modern-select{background:#3d3d3d;border-color:#4a4a4a;color:#fff}.schedule-info{background:linear-gradient(135deg,#2d2d2d,#3d3d3d);border-color:#4a4a4a}.schedule-item{background:rgba(61,61,61,.8);border-color:#4a4a4a}.hospital-name{color:#fff}.schedule-time,.experience,.location{color:#b0b0b0}.rating-value{background:#3d3d3d;color:#b0b0b0}.no-results{background:rgba(45,45,45,.9)}}@media (prefers-reduced-motion: reduce){.hero-pattern,.hero-icon,.verified-badge{animation:none}.doctor-card,.btn-primary,.btn-secondary{transition:none}}