* { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } body { background-color: #f2f2f2; color: #1f1f1f; line-height: 1.5; } .container { max-width: 660px; margin: 1em auto; background: white; border-radius: 4px; padding: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.123); margin-top: 3em; } .header { display: flex; align-items: center; margin-bottom: 0; } .back-button { font-size: 2em; color: #333; text-decoration: none; margin-right: 20px; } .profile { text-align: center; margin-bottom: 30px; display: flex; justify-content: center; /* Memusatkan secara horizontal */ align-items: center; /* Memusatkan secara vertikal */ flex-direction: column; /* Atur elemen dalam kolom */ } .profile-image { width: 80px; height: 80px; border-radius: 50%; margin-bottom: 10px; object-fit: cover; background-color: #f0f0f0; } .username { font-size: 1.7em; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 5px; } .verified-badge { color: #1DA1F2; font-size: 1.3em; } .feature-list { list-style: none; padding: 0; } .feature-item { padding: 15px 0; border-bottom: 1px solid #eee; display: flex; gap: 15px; } .feature-icon { width: 27px; height: 24px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: #222222; } .feature-icon i { font-size: 23px; } .feature-content h3 { font-size: 17px; margin-bottom: 5px; color: #333; font-weight: 600; } .feature-content p { font-size: 14px; color: #616466; margin-bottom: 0; } .info-text { font-size: 12px; color: #7a7d80; margin: 20px 0; } .info-text a { color: #0095F6; text-decoration: none; } .next-button { display: block; width: 100%; padding: 12px; background: #0095F6; color: white; border: none; border-radius: 8px; font-size: 1em; font-weight: 600; cursor: pointer; margin-top: 20px; } .verified-check { color: #0388e0; } @media (max-width: 480px) { .container { margin: 0; border-radius: 0; min-height: 100vh; margin-bottom: 30px; } }