body{margin:0;font-family:Arial,sans-serif;background-color:#f5f5f5}nav{background-color:#3490dc;color:#fff;padding:1rem 0;text-align:center;box-shadow:0 2px 4px #0000001a}nav ul{list-style:none;margin:0;padding:0;display:inline-flex;gap:2rem}nav a{color:#fff;text-decoration:none;font-weight:400}nav a.active{font-weight:700;text-decoration:underline}.container{max-width:600px;margin:50px auto;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center}.btn{display:inline-block;margin:.5rem;padding:.5rem 1rem;border-radius:5px;text-decoration:none;font-weight:700;transition:.2s}.btn-primary{background-color:#3490dc;color:#fff}.btn-primary:hover{background-color:#2779bd}.btn-secondary{background-color:#e2e8f0;color:#333}.btn-secondary:hover{background-color:#cbd5e0}.avatar{width:80px;height:80px;background-color:#bee3f8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;margin:0 auto 1rem}