:root{--primary-color: #4CAF50;--secondary-color: #2196F3;--text-color: #333;--border-radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:#f5f5f5}#app{max-width:1200px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}header{background-color:#fff;padding:1rem;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}main{flex:1;background-color:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a}.welcome-section{text-align:center;padding:2rem}.welcome-section h2{color:var(--primary-color);margin-bottom:1rem}.button{display:inline-block;padding:.8rem 1.5rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--border-radius);margin-top:1rem;transition:background-color .3s}.button:hover{background-color:#45a049}#world-id-button{margin-top:1rem}h1{color:var(--primary-color);font-size:24px}.profile-section,.matches-section{background-color:#fff;padding:20px;border-radius:var(--border-radius);margin-bottom:20px;box-shadow:0 2px 4px #0000001a}h2{color:var(--primary-color);margin-bottom:20px;font-size:20px}.profile-card,.match-card{background-color:var(--secondary-color);padding:15px;border-radius:var(--border-radius);margin-bottom:15px}.profile-card h3,.match-card h3{color:var(--primary-color);margin-bottom:10px}p{margin-bottom:8px}#world-id-button button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-size:16px;transition:background-color .3s ease}#world-id-button button:hover{background-color:#357abd}@media (max-width: 600px){#app{padding:10px}header{flex-direction:column;text-align:center}#world-id-button{margin:15px 0 0}}.success-message{background-color:#4caf50;color:#fff;padding:10px;border-radius:var(--border-radius);margin-top:10px;text-align:center}.error-message{background-color:#f44336;color:#fff;padding:10px;border-radius:var(--border-radius);margin-top:10px;text-align:center}.verification-badge{background-color:var(--primary-color);color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;display:inline-block;margin-bottom:10px}.profile-card.verified{border:2px solid var(--primary-color)}.register-container{max-width:600px;margin:40px auto;padding:20px}.register-form{background-color:#fff;padding:30px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-color);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:16px}.form-group textarea{min-height:100px;resize:vertical}.world-id-container{margin:20px 0;padding:15px;background-color:var(--secondary-color);border-radius:var(--border-radius);text-align:center}.submit-button{background-color:var(--primary-color);color:#fff;padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:16px;cursor:pointer;width:100%;transition:background-color .3s ease}.submit-button:hover{background-color:#357abd}.message{padding:15px;margin-bottom:20px;border-radius:var(--border-radius);text-align:center;animation:slideIn .3s ease}.message.success{background-color:#4caf50;color:#fff}.message.error{background-color:#f44336;color:#fff}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.welcome-section{text-align:center;padding:60px 20px;max-width:800px;margin:0 auto}.welcome-section h2{font-size:32px;color:var(--primary-color);margin-bottom:20px}.welcome-section p{font-size:18px;color:var(--text-color);margin-bottom:30px}.button{display:inline-block;background-color:var(--primary-color);color:#fff;padding:12px 24px;border-radius:var(--border-radius);text-decoration:none;font-weight:500;transition:background-color .3s ease}.button:hover{background-color:#357abd}.profile-picture{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:20px}.profile-container{max-width:800px;margin:0 auto;padding:20px;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a}.profile-picture-section{text-align:center;margin-bottom:30px}.profile-picture{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-bottom:15px;border:3px solid var(--primary-color)}.file-input{display:block;margin:10px auto;padding:10px;border:1px solid #ddd;border-radius:var(--border-radius)}.profile-form{max-width:600px;margin:0 auto}.profile-form .form-group{margin-bottom:20px}.profile-form label{display:block;margin-bottom:8px;color:var(--text-color);font-weight:500}.profile-form input[type=text],.profile-form input[type=date],.profile-form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:16px}.profile-form textarea{min-height:100px;resize:vertical}.profile-form input:disabled,.profile-form textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-actions{display:flex;gap:10px;justify-content:center;margin-top:30px}.edit-button,.save-button,.cancel-button{padding:10px 20px;border:none;border-radius:var(--border-radius);font-size:16px;cursor:pointer;transition:background-color .3s ease}.edit-button,.save-button{background-color:var(--primary-color);color:#fff}.cancel-button{background-color:#f44336;color:#fff}.edit-button:hover,.save-button:hover{background-color:#357abd}.cancel-button:hover{background-color:#d32f2f}.success-message{background-color:#4caf50;color:#fff;padding:10px;border-radius:var(--border-radius);margin-bottom:20px;text-align:center}.error-message{background-color:#f44336;color:#fff;padding:10px;border-radius:var(--border-radius);margin-bottom:20px;text-align:center}