*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg, #08061a);color:var(--text, #e8e0f0);min-height:100vh;overflow-x:hidden;transition:background .3s ease,color .3s ease}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollThumb, rgba(139, 92, 246, .2));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollThumb, rgba(139, 92, 246, .35))}input::placeholder{color:var(--textFaint, rgba(200, 180, 255, .4))}input:focus{outline:none;border-color:var(--accentBorder, rgba(139, 92, 246, .4))!important;box-shadow:0 0 0 2px #8b5cf64d}button:focus-visible{outline:2px solid rgba(139,92,246,.6);outline-offset:2px}a:focus-visible{outline:2px solid rgba(139,92,246,.6);outline-offset:2px}button{font-family:inherit}button:hover{filter:brightness(1.1)}button:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes barGrow{0%{width:0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #7c3aed4d}50%{box-shadow:0 0 20px 4px #7c3aed26}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.slide-up{animation:slideUp .6s ease-out both}.slide-up-d1{animation:slideUp .6s ease-out .1s both}.slide-up-d2{animation:slideUp .6s ease-out .2s both}.slide-up-d3{animation:slideUp .6s ease-out .3s both}.slide-up-d4{animation:slideUp .6s ease-out .4s both}.slide-up-d5{animation:slideUp .6s ease-out .5s both}.slide-up-d6{animation:slideUp .6s ease-out .6s both}.slide-up-d7{animation:slideUp .6s ease-out .7s both}.bar-grow{animation:barGrow 1s ease-out .5s both}.pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.flashcard-container{width:100%}.flashcard-inner{position:relative;width:100%}.flashcard-face{width:100%;border-radius:16px;padding:24px;transition:opacity .3s ease}@keyframes cardSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.card-slide-in{animation:cardSlideIn .35s ease-out both}.benefit-card:hover{transform:translateY(-4px)!important;border-color:#8b5cf666!important;box-shadow:0 8px 30px #7c3aed26!important}.theme-chip:hover{transform:scale(1.03);border-color:#8b5cf666!important}@media(max-width:480px){.benefits-grid{grid-template-columns:1fr!important}.stats-strip{flex-wrap:wrap!important;gap:16px!important}.stats-strip>div{min-width:80px}.distribution-grid{grid-template-columns:1fr!important}.clinic-badges{flex-direction:column!important;align-items:stretch!important}}body.light-theme .flashcard-face{background:var(--bg-card, #fff)!important;border-color:var(--border-accent, rgba(124,58,237,.15))!important;color:var(--text-primary, #1a1033)!important}body.light-theme .benefit-card{border-color:var(--border-accent)!important}body.light-theme::-webkit-scrollbar-thumb{background:var(--scrollThumb, rgba(124,58,237,.3))}body.light-theme input{background:var(--bg-input, #ffffff)!important;color:var(--text-primary, #1a1033)!important;border-color:var(--border, rgba(0,0,0,.12))!important}body.light-theme input::placeholder{color:var(--text-faint, #b0a6c9)!important}.theme-toggle-btn{transition:all .3s ease}.theme-toggle-btn:hover{transform:scale(1.1);filter:brightness(1.1)}