*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f2f5;color:#333;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}#root{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{padding:0 15px;width:100%}.app-content{flex:1 1;margin:0 auto;max-width:100%;padding:15px;width:100%}.container{margin:0 auto;max-width:1200px;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px 0;padding:20px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .2s}.btn:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#545b62}.alert{border-radius:4px;margin:10px 0;padding:10px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{color:#007bff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:20px;list-style:none}.nav-links,.nav-links li{margin:0;padding:0}.nav-links a{border-radius:4px;color:#333;display:block;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s}.nav-links a:hover{background-color:#f0f0f0;color:#007bff}.nav-links a.active{background-color:#e6f2ff;color:#007bff}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-links{background:#fff;box-shadow:0 2px 5px #0000001a;display:none;flex-direction:column;gap:0;left:0;padding:1rem 0;position:absolute;top:60px;width:100%}.nav-links.open{display:flex}.nav-links a{border-radius:0;padding:12px 20px;width:100%}}.dashboard-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.dashboard-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard-container{grid-template-columns:repeat(3,1fr)}}.dashboard-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.dashboard-card h3{color:#007bff;margin-bottom:10px}.match-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;gap:20px;margin-bottom:20px;padding:20px}.match-card,.match-photo{align-items:center;display:flex}.match-photo{background-color:#e0e0e0;border-radius:50%;color:#666;font-size:1.5rem;height:80px;justify-content:center;width:80px}.match-info{flex:1 1}.match-name{font-size:1.2rem;font-weight:600;margin-bottom:5px}.match-score{color:#28a745;font-weight:500;margin-bottom:5px}.match-interests{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.interest-tag{background-color:#e6f2ff;border-radius:12px;color:#007bff;font-size:.8rem;padding:3px 8px}.page-header{margin-bottom:30px}.page-title{color:#333;font-size:2rem;margin-bottom:10px}.page-description{color:#666;font-size:1rem}.question-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.question-text{font-size:1.2rem;font-weight:500;margin-bottom:15px}.options-list{display:flex;flex-direction:column;gap:10px}.option-item{align-items:center;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;padding:10px;transition:all .2s}.option-item:hover{background-color:#f5f5f5}.option-item.selected{background-color:#e6f2ff;border-color:#007bff}.option-item input[type=radio]{margin-right:10px}.nav-buttons{display:flex;justify-content:space-between;margin-top:30px}