*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f9f9f9;color:#222;font-family:'DM Sans',sans-serif}.intro{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}h1{font-size:clamp(2rem,6vw,4rem);margin-bottom:1rem;font-weight:700}p{font-size:1.1rem;opacity:.9}.dashboard{padding:4rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;max-width:900px;margin:0 auto}.stat{background:#fff;padding:2rem;border-radius:8px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.1);animation:appear .6s ease-out forwards;opacity:0}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat:nth-child(1){animation-delay:.1s}.stat:nth-child(2){animation-delay:.2s}.stat:nth-child(3){animation-delay:.3s}.stat h2{font-size:2.5rem;color:#667eea;margin-bottom:.5rem}.stat p{color:#999;font-size:.9rem}.updates{padding:4rem 2rem;background:#fff;text-align:center}h2{font-size:1.8rem;color:#222;margin-bottom:2rem}ul{list-style:none;max-width:600px;margin:0 auto}li{padding:1rem;background:#f9f9f9;margin:.5rem 0;border-left:4px solid #667eea;text-align:left}