.navbar{position:sticky;top:0;z-index:100;background:#0a0e1acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0006}.navbar-container{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.navbar-brand{display:flex;align-items:center}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.navbar-logo-icon{font-size:32px;filter:drop-shadow(0 0 8px rgba(16,185,129,.5));animation:float 3s ease-in-out infinite}.navbar-logo-text{font-size:24px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu{display:flex;align-items:center;gap:8px}.navbar-link{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#cbd5e1;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease}.navbar-link:hover{background:#ffffff0d;border-color:#10b98180;color:#f8fafc;transform:translateY(-2px)}.navbar-link-icon{font-size:18px}.navbar-cta{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d}.navbar-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.navbar-cta-icon{font-size:18px}.navbar-actions{display:flex;align-items:center;gap:12px}.navbar-btn-outline{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#f8fafc;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.navbar-btn-outline:hover{background:#ffffff0d;border-color:#10b98180;transform:translateY(-2px)}.navbar-btn-logout{padding:10px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.navbar-btn-logout:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-2px)}.navbar-user{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.navbar-user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;font-size:14px;font-weight:700}.navbar-user-name{font-size:15px;font-weight:600;color:#f8fafc}.navbar-favorites-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;font-size:15px;font-weight:600}.navbar-ai-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid rgba(16,185,129,.4);border-radius:12px;color:#10b981;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #10b98133}.navbar-ai-btn:hover{background:linear-gradient(135deg,#10b98140,#05966940);border-color:#10b98199;transform:translateY(-2px);box-shadow:0 4px 24px #10b9814d}.navbar-ai-icon{font-size:20px;animation:aiPulse 2s ease-in-out infinite}@keyframes aiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.navbar-ai-text{font-weight:600}@media (max-width: 768px){.navbar-ai-text{display:none}.navbar-ai-btn{padding:10px 12px}}.navbar-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px}.navbar-toggle-line{width:24px;height:2px;background:#f8fafc;border-radius:2px;transition:all .3s ease}@media (max-width: 768px){.navbar-menu{position:fixed;top:69px;left:0;right:0;flex-direction:column;background:#0a0e1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:16px 24px;gap:12px;transform:translateY(-100%);opacity:0;transition:all .3s ease;pointer-events:none}.navbar-menu.active{transform:translateY(0);opacity:1;pointer-events:all}.navbar-link,.navbar-cta{width:100%;justify-content:center}.navbar-toggle{display:flex}}.landing-page{width:100%;overflow-x:hidden}.landing-container{max-width:1280px;margin:0 auto;padding:0 24px}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden}.landing-hero-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.landing-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:orbFloat 25s ease-in-out infinite}.landing-gradient-orb.orb-1{width:600px;height:600px;background:radial-gradient(circle,#10b981 0%,transparent 70%);top:-250px;left:-150px;animation-delay:0s}.landing-gradient-orb.orb-2{width:500px;height:500px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-100px;right:-150px;animation-delay:7s}.landing-gradient-orb.orb-3{width:400px;height:400px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);bottom:-100px;left:50%;transform:translate(-50%);animation-delay:14s}.landing-hero-content{position:relative;z-index:1;max-width:900px;text-align:center;animation:fadeInUp 1s ease-out}.landing-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:999px;font-size:15px;font-weight:600;color:#10b981;margin-bottom:32px;animation:fadeInDown 1s ease-out .2s both}.landing-badge-icon{font-size:22px;animation:rotate 15s linear infinite}.landing-hero-title{font-size:clamp(40px,7vw,72px);font-weight:900;line-height:1.1;margin-bottom:28px;color:#f8fafc;animation:fadeInUp 1s ease-out .3s both}.landing-title-gradient{background:linear-gradient(135deg,#10b981,#34d399,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.landing-hero-description{font-size:clamp(17px,2.5vw,22px);line-height:1.7;color:#94a3b8;max-width:750px;margin:0 auto 40px;animation:fadeInUp 1s ease-out .4s both}.landing-hero-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:60px;flex-wrap:wrap;animation:fadeInUp 1s ease-out .5s both}.landing-cta-primary{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #10b98166}.landing-cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #10b98180}.landing-cta-primary.large{padding:20px 40px;font-size:19px}.landing-cta-icon{font-size:20px;transition:transform .3s ease}.landing-cta-primary:hover .landing-cta-icon{transform:translate(4px)}.landing-cta-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#f8fafc;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-cta-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.landing-play-icon{font-size:14px}.landing-hero-stats{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both}.landing-stat{text-align:center}.landing-stat-number{font-size:clamp(36px,5vw,52px);font-weight:800;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.landing-stat-label{font-size:15px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:1px}.landing-stat-divider{width:1px;height:50px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}.landing-section-header{text-align:center;margin-bottom:60px}.landing-section-badge{display:inline-block;padding:8px 20px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:999px;font-size:14px;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.landing-section-title{font-size:clamp(32px,5vw,48px);font-weight:800;color:#f8fafc;margin-bottom:16px;line-height:1.2}.landing-text-gradient{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-section-desc{font-size:18px;color:#94a3b8;max-width:600px;margin:0 auto;line-height:1.7}.landing-features{padding:100px 0;background:linear-gradient(180deg,transparent 0%,rgba(16,185,129,.02) 100%)}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.landing-feature-card{padding:36px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .4s ease}.landing-feature-card:hover{transform:translateY(-8px);border-color:#10b9814d;box-shadow:0 20px 60px #0006;background:#ffffff0d}.landing-feature-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:36px;margin-bottom:24px;box-shadow:0 8px 24px #0000004d}.landing-feature-title{font-size:22px;font-weight:700;color:#f8fafc;margin-bottom:12px}.landing-feature-desc{font-size:15px;color:#94a3b8;line-height:1.7;margin-bottom:20px}.landing-feature-list{list-style:none;display:flex;flex-direction:column;gap:10px}.landing-feature-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#cbd5e1}.landing-feature-list li:before{content:"→";color:#10b981;font-weight:700}.landing-how-it-works{padding:100px 0}.landing-steps{max-width:900px;margin:0 auto}.landing-step{display:grid;grid-template-columns:80px 1fr 80px;gap:24px;align-items:center;padding:32px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;margin-bottom:24px;transition:all .4s ease}.landing-step:hover{border-color:#10b9814d;background:#ffffff0d;transform:translate(8px)}.landing-step-number{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;font-size:32px;font-weight:800;color:#fff;box-shadow:0 8px 24px #10b98166}.landing-step-content{flex:1}.landing-step-title{font-size:22px;font-weight:700;color:#f8fafc;margin-bottom:8px}.landing-step-desc{font-size:15px;color:#94a3b8;line-height:1.7}.landing-step-icon{font-size:48px;opacity:.7}.landing-step-connector{width:4px;height:40px;background:linear-gradient(180deg,#10b9814d,#10b9811a);margin:0 auto 24px;border-radius:2px}.landing-benefits{padding:100px 0;background:linear-gradient(180deg,rgba(16,185,129,.02) 0%,transparent 100%)}.landing-benefits-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.landing-benefits-list{display:flex;flex-direction:column;gap:24px;margin:32px 0 40px}.landing-benefit-item{display:flex;align-items:flex-start;gap:16px}.landing-benefit-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-size:18px;font-weight:700}.landing-benefit-text h4{font-size:18px;font-weight:700;color:#f8fafc;margin-bottom:4px}.landing-benefit-text p{font-size:15px;color:#94a3b8;line-height:1.6}.landing-benefits-visual{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;position:relative}.landing-visual-card{padding:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 4s ease-in-out infinite}.landing-visual-card.card-1{grid-column:1 / 2;animation-delay:0s}.landing-visual-card.card-2{grid-column:2 / 3;animation-delay:1s}.landing-visual-card.card-3{grid-column:1 / -1;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-visual-icon{font-size:48px;margin-bottom:16px}.landing-visual-stat{font-size:36px;font-weight:800;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.landing-visual-label{font-size:14px;color:#94a3b8;font-weight:600}.landing-testimonials{padding:100px 0}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.landing-testimonial-card{padding:36px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .4s ease}.landing-testimonial-card:hover{transform:translateY(-8px);border-color:#10b9814d;background:#ffffff0d}.landing-testimonial-rating{font-size:20px;margin-bottom:20px}.landing-testimonial-text{font-size:16px;color:#cbd5e1;line-height:1.7;margin-bottom:24px;font-style:italic}.landing-testimonial-author{display:flex;align-items:center;gap:16px}.landing-testimonial-avatar{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;font-size:22px;font-weight:700;color:#fff}.landing-testimonial-name{font-size:16px;font-weight:700;color:#f8fafc;margin-bottom:4px}.landing-testimonial-role{font-size:14px;color:#64748b}.landing-insight-icon{font-size:48px;margin-bottom:20px;display:inline-block;animation:float 3s ease-in-out infinite}.landing-insight-title{font-size:22px;font-weight:700;color:#f8fafc;margin-bottom:16px;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-insight-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.landing-insight-stat{text-align:center}.landing-stat-number{font-size:32px;font-weight:800;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.landing-stat-label{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.landing-final-cta{padding:100px 0}.landing-cta-card{padding:60px;background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.3);border-radius:32px;text-align:center;position:relative;overflow:hidden}.landing-cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.2) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.landing-cta-content{position:relative;z-index:1;margin-bottom:40px}.landing-cta-title{font-size:clamp(28px,4vw,40px);font-weight:800;color:#f8fafc;margin-bottom:16px;line-height:1.3}.landing-cta-desc{font-size:18px;color:#94a3b8;max-width:700px;margin:0 auto 32px;line-height:1.7}.landing-cta-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.landing-cta-note{font-size:14px;color:#64748b}.landing-cta-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;position:relative;z-index:1}.landing-cta-feature{display:flex;align-items:center;gap:12px;font-size:15px;color:#cbd5e1}.landing-cta-feature-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#10b981;border-radius:50%;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.landing-footer{padding:80px 0 40px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.1)}.landing-footer-content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:60px}.landing-footer-brand{max-width:500px}.landing-footer-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.landing-footer-logo-icon{font-size:32px}.landing-footer-logo-text{font-size:22px;font-weight:800;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-footer-desc{font-size:15px;color:#64748b;line-height:1.7}.landing-footer-column h4{font-size:16px;font-weight:700;color:#f8fafc;margin-bottom:20px}.landing-footer-column a{display:block;font-size:15px;color:#94a3b8;text-decoration:none;margin-bottom:12px;transition:color .3s ease}.landing-footer-column a:hover{color:#10b981}.landing-footer-bottom{display:flex;align-items:center;justify-content:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#64748b;flex-wrap:wrap;gap:20px;text-align:center}.landing-footer-social{display:flex;align-items:center;gap:16px}.landing-footer-social a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.landing-footer-social a:hover{color:#10b981}@media (max-width: 1024px){.landing-benefits-layout{grid-template-columns:1fr;gap:60px}}@media (max-width: 768px){.landing-hero{padding:100px 16px 60px}.landing-hero-actions{flex-direction:column;width:100%}.landing-cta-primary,.landing-cta-secondary{width:100%;justify-content:center}.landing-features-grid,.landing-testimonials-grid{grid-template-columns:1fr}.landing-step{grid-template-columns:60px 1fr;gap:16px}.landing-step-icon{display:none}.landing-step-number{width:60px;height:60px;font-size:24px}.landing-benefits-visual{grid-template-columns:1fr}.landing-visual-card.card-3{grid-column:1}.landing-cta-card{padding:40px 24px}.landing-cta-features{grid-template-columns:1fr}.landing-footer-bottom{flex-direction:column;text-align:center}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-page{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow-x:hidden}.auth-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.auth-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:authOrbFloat 25s ease-in-out infinite}.auth-gradient-orb.orb-1{width:500px;height:500px;background:radial-gradient(circle,#10b981 0%,transparent 70%);top:-200px;left:-100px}.auth-gradient-orb.orb-2{width:400px;height:400px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-50px;right:-100px;animation-delay:7s}.auth-gradient-orb.orb-3{width:350px;height:350px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);bottom:-100px;left:50%;transform:translate(-50%);animation-delay:14s}@keyframes authOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.1)}66%{transform:translate(-40px,40px) scale(.9)}}.auth-container{position:relative;z-index:1;width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.auth-container.centered{max-width:500px;grid-template-columns:1fr}.auth-card{background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080;animation:fadeInUp .6s ease-out}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{display:inline-flex;align-items:center;gap:12px;margin-bottom:24px}.auth-logo-icon{font-size:36px}.auth-logo-text{font-size:24px;font-weight:800;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-icon-large{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:#10b9811a;border:2px solid rgba(16,185,129,.3);border-radius:20px}.auth-icon-large.success{background:#22c55e1a;border-color:#22c55e4d}.icon-emoji{font-size:40px}.auth-title{font-size:32px;font-weight:800;color:#f8fafc;margin-bottom:12px;line-height:1.2}.auth-subtitle{font-size:16px;color:#94a3b8;line-height:1.6;max-width:400px;margin:0 auto}.email-highlight{font-size:17px;color:#10b981;font-weight:600;margin-top:8px;word-break:break-all}.auth-form{margin-bottom:32px}.auth-form-group{margin-bottom:24px}.auth-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#f8fafc;margin-bottom:10px}.label-icon{font-size:18px}.auth-input{width:100%;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f8fafc;font-size:15px;transition:all .3s ease}.auth-input:focus{outline:none;border-color:#10b981;background:#ffffff14;box-shadow:0 0 0 3px #10b9811a}.auth-input::placeholder{color:#64748b}.auth-input.error{border-color:#ef4444}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-error{display:block;margin-top:8px;font-size:13px;color:#ef4444}.auth-error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:16px}.auth-error-banner .error-icon{font-size:18px}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-loading .spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-loading p{font-size:16px;font-weight:500}.password-strength{display:flex;align-items:center;gap:12px;margin-top:10px}.strength-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.strength-fill{height:100%;width:0;transition:all .3s ease;border-radius:3px}.strength-fill.weak{width:33%;background:#ef4444}.strength-fill.medium{width:66%;background:#f59e0b}.strength-fill.strong{width:100%;background:#10b981}.strength-text{font-size:13px;font-weight:600;color:#64748b;min-width:60px}.auth-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.auth-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer}.auth-checkbox.error{border:1px solid #ef4444;border-radius:8px;padding:10px;background:#ef44440d}.auth-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#10b981}.checkbox-label{font-size:14px;color:#cbd5e1}.checkbox-label a{color:#10b981;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.auth-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.auth-button.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 24px #10b98166}.auth-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #10b98180}.auth-button.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#f8fafc}.auth-button.secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.button-icon{font-size:18px;transition:transform .3s ease}.auth-button.primary:hover:not(:disabled) .button-icon{transform:translate(4px)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.auth-link{background:none;border:none;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:color .3s ease;padding:0}.auth-link:hover:not(:disabled){color:#10b981}.auth-link.primary{color:#10b981;font-size:16px}.auth-link.back{display:inline-flex;align-items:center;gap:8px;color:#cbd5e1;font-size:15px}.back-icon{font-size:18px;transition:transform .3s ease}.auth-link.back:hover .back-icon{transform:translate(-4px)}.auth-divider{display:flex;align-items:center;gap:16px;margin:32px 0;color:#64748b;font-size:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.auth-social{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.auth-social-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f8fafc;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px}.auth-social-button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.auth-social-button:disabled{opacity:.6;cursor:not-allowed}.social-icon{font-size:20px}.auth-footer{text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.auth-footer-text{font-size:15px;color:#cbd5e1}.auth-info{display:flex;flex-direction:column;gap:24px;animation:fadeInUp .6s ease-out .2s both}.auth-info-card{padding:32px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.auth-info-card:hover{transform:translateY(-4px);border-color:#10b9814d;background:#ffffff0d}.info-icon{font-size:40px;margin-bottom:16px}.info-title{font-size:20px;font-weight:700;color:#f8fafc;margin-bottom:8px}.info-desc{font-size:15px;color:#94a3b8;line-height:1.7}.auth-success-info{margin:32px 0}.success-steps{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.success-step{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.step-number{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-size:16px;font-weight:700}.step-content h4{font-size:16px;font-weight:700;color:#f8fafc;margin-bottom:4px}.step-content p{font-size:14px;color:#94a3b8}.resend-section{text-align:center;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.resend-text{font-size:14px;color:#94a3b8;margin-bottom:16px}.auth-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:32px;animation:fadeInUp .6s ease-out .4s both}.info-card-small{padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-icon-small{font-size:32px;margin-bottom:12px}.info-card-small p{font-size:13px;color:#94a3b8;line-height:1.6}@media (max-width: 1024px){.auth-container{grid-template-columns:1fr;max-width:500px}.auth-info{display:none}}@media (max-width: 640px){.auth-card{padding:32px 24px}.auth-title{font-size:28px}.auth-social{grid-template-columns:1fr}.auth-options{flex-direction:column;align-items:flex-start;gap:12px}.auth-info-cards{grid-template-columns:1fr}}.category-filter{margin:24px 0;position:relative}.category-scroll{display:flex;gap:12px;overflow-x:auto;padding:8px 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#10b981 #1a2234}.category-scroll::-webkit-scrollbar{height:6px}.category-scroll::-webkit-scrollbar-track{background:#1a2234;border-radius:3px}.category-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#cbd5e1;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .3s ease;flex-shrink:0}.category-btn:hover{background:#ffffff0d;border-color:#10b98166;color:#f8fafc;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b981;color:#10b981;box-shadow:0 0 24px #10b9814d}.category-icon{font-size:20px;transition:transform .3s ease}.category-btn.active .category-icon{animation:bounce .6s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.category-name{font-family:var(--font-sans)}@media (max-width: 768px){.category-filter{margin:16px -16px;padding:0 16px}}.search-container{margin:24px 0}.search-bar{position:relative;display:flex;align-items:center;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:4px;transition:all .3s ease}.search-bar:focus-within{background:#ffffff0d;border-color:#10b981;box-shadow:0 0 32px #10b9814d}.search-icon{font-size:20px;padding:0 16px;opacity:.6}.search-input{flex:1;background:transparent;border:none;outline:none;color:#f8fafc;font-size:16px;padding:14px 8px;font-family:var(--font-sans)}.search-input::placeholder{color:#64748b}.search-clear{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:10px;color:#cbd5e1;font-size:16px;cursor:pointer;margin-right:8px;transition:all .2s ease}.search-clear:hover{background:#ffffff26;color:#f8fafc;transform:rotate(90deg)}.search-results-count{margin-top:12px;font-size:14px;color:#94a3b8;padding-left:8px}.search-results-count strong{color:#10b981;font-weight:700}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.search-bar:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),transparent);border-radius:16px;opacity:0;animation:shimmer 3s infinite;pointer-events:none;z-index:-1}.search-bar:focus-within:before{opacity:1}.disease-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.disease-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--card-gradient);opacity:0;transition:opacity .4s ease;z-index:0}.disease-card:hover:before{opacity:.1}.disease-card:hover{transform:translateY(-8px);border-color:var(--card-primary);box-shadow:0 16px 48px #0006,0 0 32px var(--card-primary)}.disease-card>*{position:relative;z-index:1}.disease-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.disease-card-icon{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .4s ease}.disease-card:hover .disease-card-icon{transform:scale(1.1) rotate(-5deg)}.disease-card-favorite{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:20px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.disease-card-favorite:hover{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.1)}.disease-card-favorite.active{animation:heartBeat .5s ease}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}}.disease-card-content{margin-bottom:16px}.disease-card-title{font-size:22px;font-weight:700;color:#f8fafc;margin-bottom:8px;line-height:1.3}.disease-card-desc{font-size:14px;color:#94a3b8;line-height:1.6;margin-bottom:16px}.disease-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.disease-card-badge{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:12px;font-weight:600;color:#cbd5e1;white-space:nowrap}.disease-card-badge.severity{border:1px solid currentColor;font-weight:700}.disease-card-gradient{position:absolute;bottom:0;left:0;right:0;height:4px;opacity:.8;transition:height .4s ease}.disease-card:hover .disease-card-gradient{height:8px;opacity:1}.disease-card:focus{outline:2px solid var(--card-primary);outline-offset:2px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.disease-card{animation:cardFadeIn .5s ease-out both}.disease-card:nth-child(1){animation-delay:.05s}.disease-card:nth-child(2){animation-delay:.1s}.disease-card:nth-child(3){animation-delay:.15s}.disease-card:nth-child(4){animation-delay:.2s}.disease-card:nth-child(5){animation-delay:.25s}.disease-card:nth-child(6){animation-delay:.3s}.ai-assistant{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;height:600px;max-height:70vh}.ai-assistant-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:#10b9810d;flex-shrink:0}.ai-assistant-avatar{position:relative;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #10b98166}.ai-assistant-avatar-icon{font-size:28px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ai-assistant-status{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#10b981;border:2px solid #121827;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ai-assistant-info{flex:1}.ai-assistant-title{font-size:16px;font-weight:700;color:#f8fafc;margin-bottom:2px}.ai-assistant-subtitle{font-size:12px;color:#64748b}.ai-assistant-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.ai-assistant-messages::-webkit-scrollbar{width:6px}.ai-assistant-messages::-webkit-scrollbar-track{background:transparent}.ai-assistant-messages::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:3px}.ai-message{display:flex;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-message.user{justify-content:flex-end}.ai-message.assistant{justify-content:flex-start}.ai-message.error .ai-message-content{max-width:90%}.ai-message.error .ai-message-text{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.ai-message-content{max-width:85%;display:flex;flex-direction:column;gap:4px}.ai-message-text{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.6;word-wrap:break-word;white-space:pre-wrap}.ai-message-text h2.formatted-heading-1{font-size:18px;font-weight:700;color:#047857;margin:16px 0 8px;padding-bottom:6px;border-bottom:2px solid rgba(16,185,129,.3)}.ai-message-text h3.formatted-heading-2{font-size:16px;font-weight:700;color:#059669;margin:14px 0 6px}.ai-message-text h4.formatted-heading-3{font-size:15px;font-weight:600;color:#10b981;margin:12px 0 6px}.ai-message-text p{margin:8px 0;line-height:1.7}.ai-message-text strong{font-weight:700;color:#065f46}.ai-message-text em{font-style:italic;color:#047857}.ai-message-text code{background:#10b9811a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#065f46;border:1px solid rgba(16,185,129,.2)}.ai-message-text ul.formatted-list{margin:12px 0;padding-left:24px;list-style:none}.ai-message-text ul.formatted-list li{position:relative;margin:8px 0;line-height:1.6;padding-left:8px}.ai-message-text ul.formatted-list li:before{content:"•";position:absolute;left:-16px;color:#10b981;font-weight:700;font-size:18px}.ai-message-text ul.formatted-list li strong{color:#047857;font-weight:700}.ai-message-text ul.formatted-list li em{font-style:italic}.ai-message.user .ai-message-text{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px #3b82f64d}.ai-message.assistant .ai-message-text{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#cbd5e1;border-bottom-left-radius:4px}.ai-message-time{font-size:11px;color:#64748b;padding:0 4px}.ai-message.user .ai-message-time{text-align:right}.ai-typing-indicator{display:flex;gap:6px;padding:12px 16px}.ai-typing-indicator span{width:8px;height:8px;background:#10b981;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.ai-typing-indicator span:nth-child(1){animation-delay:0s}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.ai-quick-questions{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.ai-quick-label{font-size:12px;color:#64748b;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.ai-quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ai-quick-btn{padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#cbd5e1;font-size:13px;text-align:left;cursor:pointer;transition:all .3s ease}.ai-quick-btn:hover{background:#10b9811a;border-color:#10b9814d;color:#10b981;transform:translateY(-2px)}.ai-assistant-input{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05;flex-shrink:0}.ai-input-error{padding:10px 12px;margin-bottom:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:13px;font-weight:600;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ai-input-wrapper{display:flex;gap:12px}.ai-input-field{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#f8fafc;font-size:14px;font-family:var(--font-sans);outline:none;transition:all .3s ease}.ai-input-field:focus{background:#ffffff14;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.ai-input-field::placeholder{color:#64748b}.ai-input-field:disabled{opacity:.5;cursor:not-allowed}.ai-send-btn{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.ai-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.ai-send-btn:active:not(:disabled){transform:translateY(0)}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed}.ai-send-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sendSpin .6s linear infinite}@keyframes sendSpin{to{transform:rotate(360deg)}}.ai-send-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.ai-assistant{height:500px}.ai-quick-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .3s ease-out;overflow-y:auto}.modal-container{width:100%;max-width:1200px;max-height:90vh;background:#121827;border:1px solid rgba(255,255,255,.1);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0009;animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:32px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-shrink:0}.modal-header-content{display:flex;align-items:center;gap:20px;flex:1}.modal-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px;flex-shrink:0;box-shadow:0 8px 24px #0000004d}.modal-icon{font-size:48px}.modal-title-section{flex:1}.modal-title{font-size:clamp(24px,3vw,32px);font-weight:800;color:#f8fafc;margin-bottom:8px;line-height:1.2}.modal-subtitle{font-size:16px;color:#94a3b8;line-height:1.5}.modal-header-actions{display:flex;align-items:center;gap:12px}.modal-favorite-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:24px;cursor:pointer;transition:all .3s ease}.modal-favorite-btn:hover{background:#ffffff1a;transform:scale(1.1)}.modal-favorite-btn.active{animation:heartBeat .5s ease}.modal-close-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#cbd5e1;font-size:24px;cursor:pointer;transition:all .3s ease}.modal-close-btn:hover{background:#ff4d4d33;border-color:#ff4d4d66;color:#ff4d4d;transform:rotate(90deg)}.modal-body{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr;gap:24px;padding:32px}@media (min-width: 1024px){.modal-body{grid-template-columns:1.5fr 1fr}}.modal-content{display:flex;flex-direction:column;gap:32px}.modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.modal-info-card{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.modal-info-card:hover{background:#ffffff0d;border-color:#10b98166;transform:translateY(-2px)}.modal-info-icon{font-size:32px;flex-shrink:0}.modal-info-content{flex:1}.modal-info-label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.modal-info-value{font-size:16px;color:#f8fafc;font-weight:700;text-transform:capitalize}.modal-section{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.modal-section-header{margin-bottom:20px}.modal-section-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#f8fafc}.modal-section-icon{font-size:24px}.modal-remedy-list{list-style:none;display:flex;flex-direction:column;gap:16px}.modal-remedy-item{display:flex;align-items:flex-start;gap:16px}.modal-remedy-bullet{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;font-weight:700;color:#fff;box-shadow:0 4px 12px #0000004d}.modal-remedy-text{flex:1;font-size:15px;line-height:1.7;color:#cbd5e1;padding-top:4px}.modal-prevention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.modal-prevention-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.modal-prevention-card:hover{background:#ffffff0d;border-color:#10b9814d;transform:translate(4px)}.modal-prevention-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;color:#fff;font-size:14px;font-weight:700}.modal-prevention-text{flex:1;font-size:14px;line-height:1.6;color:#cbd5e1}.modal-disclaimer{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;font-size:13px;line-height:1.6;color:#fca5a5}.modal-disclaimer-icon{font-size:20px;flex-shrink:0}.modal-sidebar{position:sticky;top:0;align-self:flex-start}@media (max-width: 1024px){.modal-sidebar{position:static}}@media (max-width: 768px){.modal-backdrop{padding:0;align-items:flex-end}.modal-container{max-height:95vh;border-radius:24px 24px 0 0;animation:modalSlideUpMobile .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:24px;flex-direction:column}.modal-header-content{width:100%;flex-direction:column;text-align:center}.modal-header-actions{width:100%;justify-content:center}.modal-body{padding:24px}.modal-info-grid{grid-template-columns:1fr}}.homepage{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b)}.homepage-hero{position:relative;padding:120px 24px 60px;overflow:hidden}.homepage-hero-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.homepage-gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:heroOrbFloat 20s ease-in-out infinite}.homepage-gradient-orb.orb-1{width:500px;height:500px;background:radial-gradient(circle,#10b981 0%,transparent 70%);top:-200px;left:-100px}.homepage-gradient-orb.orb-2{width:400px;height:400px;background:radial-gradient(circle,#3b82f6 0%,transparent 70%);top:-150px;right:-100px;animation-delay:10s}@keyframes heroOrbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.homepage-hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;text-align:center}.homepage-hero-title{font-size:clamp(32px,5vw,48px);font-weight:800;color:#f8fafc;margin-bottom:16px;line-height:1.2;animation:fadeInUp .6s ease-out}.user-name{background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.homepage-hero-subtitle{font-size:clamp(16px,2.5vw,20px);color:#94a3b8;line-height:1.7;max-width:700px;margin:0 auto;animation:fadeInUp .6s ease-out .2s both}.homepage-content{max-width:1280px;margin:0 auto;padding:0 24px 80px}.homepage-filters{margin-bottom:40px}.homepage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:60px;animation:fadeInUp .6s ease-out .4s both}.stat-card{display:flex;align-items:center;gap:20px;padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card:hover{transform:translateY(-4px);border-color:#10b9814d;background:#ffffff0d;box-shadow:0 8px 24px #0000004d}.stat-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#10b9811a;border-radius:12px;flex-shrink:0}.stat-content{flex:1}.stat-number{font-size:32px;font-weight:800;color:#f8fafc;line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.homepage-section-header{text-align:center;margin-bottom:48px;animation:fadeInUp .6s ease-out .6s both}.section-title{font-size:clamp(28px,4vw,40px);font-weight:800;color:#f8fafc;margin-bottom:12px;line-height:1.2}.section-subtitle{font-size:18px;color:#94a3b8;max-width:600px;margin:0 auto;line-height:1.6}.homepage-diseases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;margin-bottom:60px;animation:fadeInUp .6s ease-out .8s both}.homepage-empty{text-align:center;padding:80px 24px;animation:fadeInUp .6s ease-out}.empty-icon{font-size:80px;margin-bottom:24px;opacity:.5}.empty-title{font-size:28px;font-weight:700;color:#f8fafc;margin-bottom:12px}.empty-text{font-size:16px;color:#94a3b8;margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.empty-button{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d}.empty-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.homepage-cta{margin-top:80px;animation:fadeInUp .6s ease-out 1s both}.cta-card{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;padding:40px;background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid rgba(16,185,129,.3);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(16,185,129,.15) 0%,transparent 60%);pointer-events:none}.cta-icon{position:relative;z-index:1;font-size:80px;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#10b9811a;border:2px solid rgba(16,185,129,.3);border-radius:20px;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cta-content{position:relative;z-index:1}.cta-title{font-size:28px;font-weight:800;color:#f8fafc;margin-bottom:12px;line-height:1.2}.cta-text{font-size:16px;color:#94a3b8;margin-bottom:24px;line-height:1.7;max-width:600px}.cta-button{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.cta-arrow{font-size:20px;transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translate(4px)}@media (max-width: 1024px){.homepage-diseases-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.homepage-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.homepage-hero{padding:100px 16px 40px}.homepage-content{padding:0 16px 60px}.homepage-stats{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:20px;gap:16px}.stat-icon{font-size:32px;width:50px;height:50px}.stat-number{font-size:28px}.homepage-diseases-grid{grid-template-columns:1fr}.cta-card{grid-template-columns:1fr;padding:32px 24px;text-align:center;gap:24px}.cta-icon{margin:0 auto;width:100px;height:100px;font-size:60px}.cta-text{margin-left:auto;margin-right:auto}}@media (max-width: 480px){.homepage-stats{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.floating-chat-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease-out}.floating-chat-window{position:fixed;bottom:20px;right:20px;width:420px;max-width:calc(100vw - 40px);height:600px;max-height:calc(100vh - 100px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 1px #0000001a;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;border:1px solid rgba(255,255,255,.3)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.floating-chat-header{padding:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);gap:12px}.floating-chat-history-btn,.floating-chat-new-btn,.floating-chat-close{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.floating-chat-history-btn:hover,.floating-chat-new-btn:hover,.floating-chat-close:hover{background:#ffffff4d;transform:scale(1.05)}.floating-chat-history-btn:active,.floating-chat-new-btn:active,.floating-chat-close:active{transform:scale(.95)}.floating-chat-header-actions{display:flex;gap:8px;align-items:center}.floating-chat-header-content{display:flex;align-items:center;gap:12px;flex:1}.floating-chat-avatar{position:relative;width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.floating-chat-avatar-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.floating-chat-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.floating-chat-info{flex:1}.floating-chat-title{font-size:16px;font-weight:600;margin:0 0 2px}.floating-chat-subtitle{font-size:12px;opacity:.9;margin:0}.floating-chat-history{position:absolute;top:0;left:0;width:280px;height:100%;background:linear-gradient(135deg,#10b981fa,#059669fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.2);animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.floating-history-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}.floating-history-header h4{margin:0;font-size:16px;font-weight:600}.floating-history-header button{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.floating-history-header button:hover{background:#ffffff4d}.floating-history-list{flex:1;overflow-y:auto;padding:10px}.floating-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#fff;opacity:.7}.floating-history-empty p{font-size:14px;font-weight:500;margin:0 0 8px}.floating-history-empty span{font-size:12px;opacity:.8}.floating-history-item{padding:12px;background:#ffffff1a;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;color:#fff}.floating-history-item:hover{background:#fff3;transform:translate(4px)}.floating-history-item.active{background:#ffffff4d;box-shadow:0 2px 8px #0000001a}.floating-history-item-title{font-size:14px;font-weight:500;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-history-item-meta{font-size:11px;opacity:.7;display:flex;align-items:center;gap:6px}.floating-chat-messages{flex:1;overflow-y:auto;padding:20px;background:linear-gradient(to bottom,#f0fdfa80,#ffffff80);display:flex;flex-direction:column;gap:16px}.floating-chat-messages::-webkit-scrollbar{width:6px}.floating-chat-messages::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.floating-chat-messages::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:3px}.floating-chat-messages::-webkit-scrollbar-thumb:hover{background:#10b98180}.floating-message{display:flex;animation:messageSlide .3s ease-out}@keyframes messageSlide{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.floating-message.user{justify-content:flex-end}.floating-message.assistant{justify-content:flex-start}.floating-message-content{max-width:75%}.floating-message.user .floating-message-content{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:18px 18px 4px;padding:12px 16px}.floating-message.assistant .floating-message-content{background:#fff;color:#1f2937;border-radius:18px 18px 18px 4px;padding:12px 16px;box-shadow:0 2px 8px #0000001a}.floating-message.error .floating-message-content{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border:1px solid #fca5a5}.floating-message-text{font-size:14px;line-height:1.6;margin-bottom:4px}.floating-message-text h2.formatted-heading-1{font-size:18px;font-weight:700;color:#047857;margin:16px 0 8px;padding-bottom:6px;border-bottom:2px solid rgba(16,185,129,.3)}.floating-message-text h3.formatted-heading-2{font-size:16px;font-weight:700;color:#059669;margin:14px 0 6px}.floating-message-text h4.formatted-heading-3{font-size:15px;font-weight:600;color:#10b981;margin:12px 0 6px}.floating-message-text p{margin:8px 0;line-height:1.7}.floating-message-text strong{font-weight:700;color:#065f46}.floating-message-text em{font-style:italic;color:#047857}.floating-message-text code{background:#10b9811a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#065f46;border:1px solid rgba(16,185,129,.2)}.floating-message-text ul.formatted-list{margin:12px 0;padding-left:24px;list-style:none}.floating-message-text ul.formatted-list li{position:relative;margin:8px 0;line-height:1.6;padding-left:8px}.floating-message-text ul.formatted-list li:before{content:"•";position:absolute;left:-16px;color:#10b981;font-weight:700;font-size:18px}.floating-message-text ul.formatted-list li strong{color:#047857;font-weight:700}.floating-message-text ul.formatted-list li em{font-style:italic}.floating-message.user .floating-message-text{color:#fff}.floating-message-time{font-size:11px;opacity:.7;text-align:right}.floating-typing-indicator{display:flex;gap:4px;padding:8px 0}.floating-typing-indicator span{width:8px;height:8px;background:#10b981;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.floating-typing-indicator span:nth-child(1){animation-delay:0s}.floating-typing-indicator span:nth-child(2){animation-delay:.2s}.floating-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.floating-quick-questions{padding:16px 20px;background:#ffffffb3;border-top:1px solid rgba(0,0,0,.05)}.floating-quick-label{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:10px}.floating-quick-grid{display:flex;flex-direction:column;gap:8px}.floating-quick-btn{background:#fff;border:1px solid #e5e7eb;padding:10px 14px;border-radius:12px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center;gap:8px}.floating-quick-btn:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;color:#047857;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.floating-chat-input{padding:16px 20px;background:#fff;border-top:1px solid rgba(0,0,0,.1)}.floating-input-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;padding:8px 12px;border-radius:8px;font-size:13px;margin-bottom:10px;border:1px solid #fca5a5}.floating-input-wrapper{display:flex;gap:10px;align-items:center}.floating-input-field{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;transition:all .2s ease;background:#f9fafbcc}.floating-input-field:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811a}.floating-input-field:disabled{opacity:.5;cursor:not-allowed}.floating-send-btn{width:44px;height:44px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.floating-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.floating-send-btn:disabled{opacity:.5;cursor:not-allowed}.floating-send-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.floating-chat-window{bottom:0;right:0;left:0;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.floating-chat-backdrop{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Segoe UI", system-ui, -apple-system, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;line-height:1.6;overflow-x:hidden;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f172a,#1e293b)}.main-content{flex:1}.content-container{max-width:1280px;margin:0 auto;padding:0 24px 80px}.results-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 24px;flex-wrap:wrap}.results-title{font-size:clamp(24px,4vw,32px);font-weight:700;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-count{padding:8px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:999px;font-size:14px;font-weight:600;color:#10b981}.diseases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:80px 24px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-state-icon{font-size:64px;margin-bottom:24px;opacity:.6}.empty-state-title{font-size:24px;font-weight:700;margin-bottom:12px;color:#f1f5f9}.empty-state-text{font-size:16px;color:#94a3b8;max-width:500px;margin:0 auto 32px;line-height:1.7}.empty-state-btn{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d}.empty-state-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.favorites-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:linear-gradient(135deg,#ec48991a,#8b5cf61a);border:1px solid rgba(236,72,153,.3);border-radius:16px;margin-bottom:24px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.favorites-banner-content{display:flex;align-items:center;gap:12px}.favorites-banner-icon{font-size:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.favorites-banner-text{font-size:16px;font-weight:600;color:#f8fafc}.favorites-banner-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#f8fafc;font-size:18px;cursor:pointer;transition:all .2s ease}.favorites-banner-close:hover{background:#fff3;transform:rotate(90deg)}@media (max-width: 768px){.diseases-grid{grid-template-columns:1fr;gap:16px}.results-header{flex-direction:column;align-items:flex-start}.content-container{padding:0 16px 60px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#10b981,#059669);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#059669,#047857)}