body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f9fbff; color: #333; }
header { background: #1e40af; color: white; padding: 1rem; text-align: center; }
header h1 { margin: 0; font-size: 1.8rem; }
nav a { margin: 0 10px; color: white; text-decoration: none; font-weight: bold; }
.container { max-width: 800px; margin: 2rem auto; background: white; padding: 2rem; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
textarea { width: 100%; height: 200px; padding: 1rem; border: 1px solid #ccc; border-radius: 8px; resize: vertical; }
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1rem; margin-top: 1rem; }
.stat { background: #e0e7ff; padding: 1rem; border-radius: 8px; text-align: center; font-weight: bold; }
footer { text-align: center; padding: 1rem; background: #1e3a8a; color: white; margin-top: 2rem; }