*{padding:0;box-sizing:border-box;margin:0}body{height:100vh;overflow:hidden;font-family:Fira Sans,sans-serif}.login-container{height:100vh;width:100vw;display:flex}.login-wrapper{flex:1;padding:80px;justify-content:center;background-color:#f9f8ef;align-items:center;display:flex}.login-form-container{max-width:400px;flex-direction:column;gap:24px;width:100%;display:flex}.login-title{font-size:40px;font-weight:600;margin-bottom:0;color:#333231;letter-spacing:-.01em;text-align:center;line-height:1.4em;font-family:Fira Sans,sans-serif}.login-form{gap:24px}.form-inputs,.login-form{flex-direction:column;display:flex}.form-inputs{gap:16px}.input-group{width:100%}.input-container{padding:12px;border:2px solid transparent;transition:all .3s ease;position:relative;gap:12px;background-color:#efeee5;align-items:center;border-radius:12px;width:100%;display:flex}.input-container:focus-within{border-color:#3e7b51;box-shadow:0 0 0 3px rgba(62,123,81,.1)}.input-container.error{border-color:#ef4444;background-color:#fef2f2;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.input-container.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.validation-icon{height:20px;flex-shrink:0;justify-content:center;align-items:center;width:20px;display:none}.input-icon{height:24px;flex-shrink:0;width:24px}.input-content{flex:1;padding:0 8px}.input-content input{padding:0;font-size:16px;border:none;font-weight:400;color:#333231;outline:none;background:transparent;width:100%;font-family:Fira Sans,sans-serif}.input-content input::placeholder{color:#858380}.error-message{animation:slideDown .3s ease-out;padding:8px 12px;font-size:14px;border:1px solid #fecaca;font-weight:500;color:#ef4444;gap:8px;background-color:#fef2f2;align-items:center;border-radius:8px;line-height:1.4;margin-top:8px;font-family:Fira Sans,sans-serif;display:none}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.error-icon{height:16px;flex-shrink:0;width:16px}.error-text{flex:1}.forgot-password{justify-content:flex-end;margin-top:4px;display:flex}.forgot-link{font-size:16px;text-decoration:none;font-weight:500;color:#3e7b51;transition:opacity .2s ease;line-height:1.5em;font-family:Fira Sans,sans-serif}.forgot-link:hover{opacity:.8}.login-button{padding:12px;font-size:16px;border:none;font-weight:500;color:#fff;transition:background-color .2s ease;background-color:#3e7b51;border-radius:12px;cursor:pointer;width:100%;line-height:1.5em;font-family:Fira Sans,sans-serif}.login-button:hover{background-color:#2d5a3c}.login-button:active{transform:translateY(1px)}.register-link{text-align:center}.register-link p{font-size:16px;font-weight:400;color:#6e6c6a;line-height:1.5em;font-family:Fira Sans,sans-serif}.register-link a{text-decoration:none;font-weight:500;color:#3e7b51;transition:opacity .2s ease}.register-link a:hover{opacity:.8}.hero-section{flex:1;overflow:hidden;position:relative}.hero-background{height:100%;padding:80px;position:relative;flex-direction:column;gap:40px;background:linear-gradient(135deg,#114c31,#477f53);width:100%;display:flex}.hero-image{height:1152px;position:absolute;top:144px;left:84px;width:1152px;z-index:1}.package-image{height:100%;object-fit:cover;border-radius:12px;width:100%}.hero-decoration{height:24px;position:relative;width:110px;z-index:2}.vector-decoration{height:100%;object-fit:contain;width:100%}.hero-content{position:relative;flex-direction:column;z-index:2}.hero-content,.hero-text{flex:1;gap:16px;display:flex}.hero-text{flex-direction:column}.product-name{font-size:64px;font-weight:700;line-height:1.4em}.product-description,.product-name{color:#fff;margin:0;font-family:Fira Sans,sans-serif}.product-description{font-size:16px;font-weight:400;line-height:1.5em}.price-container{gap:6px;align-items:baseline;display:flex}.price{font-size:24px;font-weight:600}.price,.price-detail{color:#fff;letter-spacing:.04em;line-height:1.5em;font-family:Fira Sans,sans-serif}.price-detail{font-size:16px;font-weight:400}@media (max-width:1024px){body{overflow:auto}.login-container{height:auto;min-height:100vh;flex-direction:column}.login-wrapper{flex:none;padding:40px 20px}.hero-section{flex:none;min-height:50vh}.hero-background{padding:40px 20px}.hero-image{height:300px;margin-bottom:20px;position:relative;top:0;left:0;width:100%}.product-name{font-size:48px}}@media (max-width:768px){.login-wrapper{padding:30px 20px}.login-form-container{max-width:100%;gap:20px}.login-title{font-size:32px;margin-bottom:16px}.product-name{font-size:36px;line-height:1.2em}.product-description{font-size:16px;line-height:1.5em}.hero-background{padding:30px 20px}.hero-image{height:250px}.package-image{content:url(../../rafinerayeniproje/assets/images/giris/girisMainMobile.png)}.input-container{padding:14px 12px}.login-button{padding:16px;font-size:16px}.forgot-password,.register-link{font-size:14px}}@media (max-width:480px){.login-wrapper{padding:20px 16px}.login-form-container{gap:18px}.login-title{font-size:28px;margin-bottom:12px;line-height:1.3em}.product-name{font-size:28px;line-height:1.2em}.product-description{font-size:14px;line-height:1.4em}.input-container{padding:12px 10px}.input-content input,.login-button{font-size:15px}.login-button{padding:14px}.hero-background{padding:20px 16px}.hero-image{height:200px}.package-image{content:url(../../rafinerayeniproje/assets/images/giris/girisMainMobile.png)}.hero-decoration{height:18px;width:80px}.price{font-size:20px}.price-detail{font-size:14px}}@media (max-width:375px){.login-wrapper{padding:16px 12px}.login-form-container{gap:16px}.login-title{margin-bottom:10px}.login-title,.product-name{font-size:24px}.product-description{font-size:13px}.input-container{padding:10px 8px}.login-button{padding:12px;font-size:14px}.hero-background{padding:16px 12px}.hero-image{height:180px}.package-image{content:url(../../rafinerayeniproje/assets/images/giris/girisMainMobile.png)}}