.login-container{background:#f0f2f5;position:relative;overflow:hidden;font-family:Inter,sans-serif}.login-card{width:100%;max-width:400px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;z-index:10}.login-logo-circle{width:60px;height:60px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 15px rgba(37,99,235,.3)}.input-with-icon{position:relative}.input-with-icon i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px}.input-with-icon .form-control{padding-left:45px;border-radius:10px;border:1px solid #e2e8f0;padding-top:10px;padding-bottom:10px;transition:all .3s ease}.input-with-icon .form-control:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.login-btn{border-radius:10px;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;transition:all .3s ease}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(37,99,235,.2);background:linear-gradient(135deg,#1e40af,#1e3a8a)}.hover-primary:hover{color:#2563eb!important}.login-bg-shapes .shape-1{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.15) 0,transparent 70%);top:-200px;right:-200px;border-radius:50%}.login-bg-shapes .shape-2{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.1) 0,transparent 70%);bottom:-300px;left:-300px;border-radius:50%}