*{font-family:Inter,Arial,sans-serif;box-sizing:border-box}html,body{overflow:auto;margin:0;padding:0;height:100%;display:flex;flex-direction:column;background-color:#f8f8f8}body{display:flex;flex-direction:column;justify-content:space-between}.main-content{display:flex;justify-content:center;align-items:center;gap:80px;flex-grow:1;width:100%}.container{text-align:left;max-width:500px;display:flex;flex-direction:column;justify-content:center;margin-top:-70px}.container h1{font-size:64px;font-weight:700;margin-bottom:10px;color:#111;letter-spacing:normal}.container p{font-size:28px;font-weight:400;margin-left:0;color:#555}.login-section-wrapper{display:flex;flex-direction:column;align-items:center}.login-container{display:flex;flex-direction:column;align-items:center;width:420px;background-color:#fff;padding:40px 40px 10px;border-radius:14px;border:1px solid #f2f2f2;box-shadow:0 4px 30px #0000000d}.login-form{width:100%;text-align:center}.form-field{position:relative;margin-bottom:22px;width:100%}.error-text{color:#ef4444;font-size:13px;font-weight:500;text-align:left;margin-top:6px;display:none}.form-field.error .error-text{display:block}.form-field.error input{border-color:#ef4444!important}.form-field.error input:focus{box-shadow:0 0 0 1px #ef4444!important}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{width:100%;height:44px;padding:0 14px;border:1px solid #e5e5e5;border-radius:6px;font-size:15px;font-weight:400;color:#333;caret-color:#333;background-color:#fff;-webkit-appearance:none;transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-sizing:border-box}.login-form input::-moz-placeholder{color:#9ca3af;font-weight:400}.login-form input::placeholder{color:#9ca3af;font-weight:400}.login-form input:focus{border-color:#000;box-shadow:0 0 0 1px #222;outline:none}.butonGiris{width:100%;height:44px;background-color:#111;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;justify-content:center;align-items:center;margin-top:10px}.butonGiris:hover{background-color:#333;transform:translateY(-1px)}.butonGiris:active{transform:translateY(0);background-color:#000}.butonGiris:disabled{opacity:.7;cursor:not-allowed;transform:none}.forgot-password{font-size:14px;text-align:center;margin-top:22px!important;width:100%;position:relative;top:-5px}.forgot-password a{text-decoration:none;font-weight:600;color:#111;transition:color .2s ease}.forgot-password a:hover{color:#000;text-decoration:underline}.register-outside{font-size:14px;text-align:center;margin-top:20px;color:#666}.register-outside a{text-decoration:none;font-weight:600;color:#111;transition:color .2s ease,-webkit-text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease}.register-outside a:hover{color:#000;text-decoration:underline}.page-footer{width:100%;text-align:center;color:#888;padding:20px 0 30px}.page-footer p{margin:0;font-size:14px;font-weight:400}@media (max-width: 992px){.main-content{flex-direction:column;gap:40px;padding:20px}.container{text-align:center;max-width:100%}.container h1{font-size:48px}.container p{font-size:22px}.login-container{width:90%;max-width:420px;padding:30px}}@media (max-width: 576px){.container h1{font-size:38px}.container p{font-size:18px}.login-container{padding:25px}}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin-left:10px;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.password-wrapper{position:relative;width:100%}#password{padding-right:40px}#togglePassword{position:absolute;top:22px;right:12px;transform:translateY(-50%);cursor:pointer;color:#9ca3af;display:none}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-reveal,input[type-=password]::-webkit-clear-button{display:none!important}.error-message{color:#dc3545;font-size:14px;margin-top:-20px;margin-bottom:15px;text-align:center;display:none;width:100%;line-height:1.4}.forgot-password-container{padding-top:30px!important;padding-bottom:20px!important}.forgot-password-title{text-align:center!important;width:100%;margin-top:-15px!important;padding-top:0!important;font-weight:800;font-size:24px;margin-bottom:15px}.forgot-password-text{font-size:15px;color:#666;text-align:center!important;margin-bottom:20px;width:100%}.message{font-size:14px;margin-bottom:15px;text-align:center;display:none}.success-message{color:#28a745;margin-top:20px;font-weight:600}.back-to-login{font-size:14px;text-align:center;margin-top:20px}.back-to-login a{text-decoration:none;font-weight:600;color:#111}.back-to-login a:hover{text-decoration:underline}.forgot-password-container .butonGiris{margin-top:20px!important}