@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap");.sidebar{position:fixed;top:0;right:0;height:100%;width:400px;background-color:#f5f5f5;box-shadow:-2px 0 10px rgba(0,0,0,.1);z-index:50}.sidebar-content{padding:15rem 2rem 2rem;display:flex;flex-direction:column;height:100%}.login-title{font-size:1.5rem;font-weight:600;font-family:var(--font-nunito),sans-serif;margin-bottom:2rem;text-align:center;color:black}.form-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.name-fields{display:flex;gap:1rem;width:100%}.half-width{width:calc(50% - .5rem)}.input-field{width:100%;color:black;padding:.5rem;border:none;border-bottom:2px solid #3b82f6;background:transparent;outline:none;font-family:var(--font-nunito),sans-serif;transition:border-color .3s ease}.input-field:focus{border-color:#2563eb}select.input-field{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:2rem}.login-button{width:100%;padding:.5rem;background-color:#3b82f6;color:white;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .3s;font-family:var(--font-nunito),sans-serif}.login-button:hover{background-color:#2563eb}.signup-text{margin-top:1rem;text-align:center;font-size:.875rem;font-family:var(--font-nunito),sans-serif}.signup-link{color:#3b82f6;text-decoration:none}.signup-link:hover{text-decoration:underline}.divider{margin:2rem 0;position:relative;text-align:center}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #e5e7eb}.divider-text{position:relative;background:#f5f5f5;padding:0 .5rem;color:#6b7280;font-size:.875rem;font-family:var(--font-nunito),sans-serif}.social-buttons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem;margin-top:1.5rem}.social-button{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:background-color .3s}.social-button:hover{background-color:#f3f4f6}.error-message{color:#ef4444;font-size:.875rem;margin-bottom:1rem;padding:.5rem;background-color:#fee2e2;border-radius:.375rem;text-align:center}.login-button:disabled{opacity:.7;cursor:not-allowed}.success-message{color:#16a34a;font-size:.875rem;margin-bottom:1rem;padding:.5rem;background-color:#dcfce7;border-radius:.375rem;text-align:center}