* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', sans-serif; background: #f5f5f0; color: #1a1a1a; min-height: 100dvh; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.card { background: #fff; border-radius: 16px; padding: 3rem 2.5rem; max-width: 520px; width: 100%; box-shadow: 0 4px 24px rgba(0,0,0,0.08); text-align: center; }
.icon { font-size: 3rem; margin-bottom: 1rem; }
h1 { font-size: 1.9rem; color: #01696f; margin-bottom: 0.5rem; font-weight: 800; }
.subtitle { color: #7a7974; margin-bottom: 2rem; line-height: 1.6; }
.steps { text-align: left; background: #f5f5f0; border-radius: 10px; padding: 1.25rem 1.5rem; margin-bottom: 2rem; }
.step { display: flex; gap: 0.75rem; align-items: flex-start; margin-bottom: 0.75rem; }
.step:last-child { margin-bottom: 0; }
.step-num { background: #01696f; color: white; border-radius: 50%; width: 24px; height: 24px; min-width: 24px; font-size: 0.8rem; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.step-text { font-size: 0.9rem; line-height: 1.5; color: #4a4a4a; }
.lang-section { margin-bottom: 1.25rem; }
.lang-label { font-size: 0.8rem; color: #7a7974; margin-bottom: 0.5rem; }
.lang-select-wrap { position: relative; display: inline-block; }
.lang-select-wrap::after { content: '▾'; position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); color: #01696f; pointer-events: none; font-size: 0.85rem; }
select#langSelect { appearance: none; -webkit-appearance: none; padding: 0.6rem 2.2rem 0.6rem 1rem; border: 2px solid #01696f; border-radius: 8px; background: white; color: #1a1a1a; font-size: 0.95rem; font-weight: 600; cursor: pointer; outline: none; transition: border-color 0.18s ease; }
select#langSelect:hover { border-color: #0c4e54; }
.btn { display: block; width: 100%; padding: 0.9rem; background: #01696f; color: white; border: none; border-radius: 8px; font-size: 1rem; font-weight: 700; cursor: pointer; transition: background 0.18s ease; text-align: center; }
.btn:hover { background: #0c4e54; }
.note { font-size: 0.8rem; color: #bab9b4; margin-top: 0.75rem; }
.stats-link {display: inline-block; margin-top: 1.25rem; color: #7a7974; font-size: 0.85rem; text-decoration: none; transition: color 0.18s; }
.stats-link:hover { color: #01696f; }