body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#1a1a3d;color:#333}.container{width:90%;max-width:1200px;margin:0 auto}.navbar{background:#2a2a4d;padding:15px 0;display:flex;justify-content:center;align-items:center;gap:20px}.navbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px}.navbar .logo{display:flex;align-items:center;font-size:24px;color:#fff;font-weight:700}.navbar .logo img{height:60px;margin-right:10px;border-radius:30px}.navbar nav{display:flex;align-items:center;flex:1;justify-content:center}.navbar nav ul{display:flex;list-style:none;gap:20px;margin:0;padding:0}.navbar nav a{color:#fff;text-decoration:none;padding:5px 10px;transition:color .3s ease}.navbar nav a.active{color:#c2b800}.auth-buttons{display:flex;align-items:center;gap:10px}.auth-buttons a{padding:10px 20px;text-decoration:none;border-radius:5px}.auth-buttons .login-btn{background:none;border:1px solid #c2b800;color:#c2b800}.auth-buttons .register-btn,.auth-buttons .register-btn.active{background:#c2b800;color:#1a1a3d}.registration{background:#1a1a3d;display:flex;justify-content:center;align-items:center;padding:60px 0}.registration-content{display:flex;background:#f5f5f5;border-radius:10px;overflow:hidden}.registration-image{flex:1;background:#1a1a3d;color:#fff;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.registration-image img{max-width:100%;margin-bottom:20px;border-radius:10px}.registration-image h2{font-size:20px;line-height:1.5;color:#fff;margin:0}.registration-form{flex:1;padding:30px;display:flex;flex-direction:column;justify-content:center}.registration-form h2{font-size:24px;margin-bottom:20px;color:#333}.social-buttons{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.social-btn{background:#fff;border:1px solid #ccc;color:#333;padding:10px 20px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:10px;flex:1}.google-btn{background:#4285f4;color:#fff}.facebook-btn{background:#3b5998;color:#fff}.social-icon{width:18px;height:18px}@media (max-width: 600px){.social-buttons{flex-direction:column;align-items:center}}.or{text-align:center;margin:10px 0;font-size:14px;color:#666}.registration-form form{display:flex;flex-direction:column;gap:10px}.registration-form input,.registration-form select{padding:10px;border-radius:5px;border:1px solid #ddd;outline:none;font-size:14px}.btn-primary{background:#c2b800;color:#1a1a3d;padding:10px 15px;border-radius:5px;border:none;cursor:pointer}.login-link{text-align:center;margin-top:10px;font-size:14px}.login-link a{color:#c2b800;text-decoration:none}.logo-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.logo-text{margin-left:10px}.logo-link:hover,.logo-link:visited{color:inherit}.logo-link img{margin-right:10px}