@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}body{background-color:#d7d7d7;min-height:100vh;padding:20px;background-image:linear-gradient(45deg,rgba(2,50,110,.05) 25%,transparent 25%,transparent 50%,rgba(2,50,110,.05) 50%,rgba(2,50,110,.05) 75%,transparent 75%,transparent);background-size:60px 60px}.login-container{display:flex;max-width:1000px;width:100%;background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.2509803922)}.login-image,body{display:flex;justify-content:center;align-items:center}.login-image{flex:1;background-color:#02326e;color:#fff;flex-direction:column;padding:40px;position:relative}.login-image::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../images/logo.png) center/cover;opacity:.2}.organization-info{position:relative;z-index:1;text-align:center}.organization-info h2{margin-bottom:15px;font-size:28px}.organization-info p{font-size:16px;opacity:.9;max-width:280px;margin:0 auto;line-height:1.5}.logo-placeholder{width:150px;height:150px;background-color:#f2bd3a;border-radius:75px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#02326e;box-shadow:0 5px 15px rgba(2,50,110,.3);transition:transform .3s ease}.logo-placeholder:hover{transform:scale(1.05)}.login-form{flex:1;padding:40px;display:flex;flex-direction:column}.login-form h1{font-size:24px;margin-bottom:30px;color:#02326e;text-align:center}.input-group{position:relative;margin-bottom:25px}.input-group input{width:100%;padding:15px;font-size:16px;border:1px solid #d7d7d7;border-radius:5px;background-color:rgba(255,255,255,.9490196078);transition:border-color .3s,box-shadow .3s}.input-group input:focus{outline:0;border-color:#f2bd3a;box-shadow:0 0 0 2px rgba(242,189,58,.3)}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{transform:translateY(-25px) scale(.8);color:#02326e}.input-group label{position:absolute;left:15px;top:15px;color:#555;pointer-events:none;transition:transform .3s,color .3s;transform-origin:left top}.checkbox-group{display:flex;align-items:center;margin-bottom:25px}.checkbox-group input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid #d7d7d7;border-radius:3px;outline:0;cursor:pointer;position:relative}.checkbox-group input:checked{background-color:#02326e;border-color:#02326e}.checkbox-group input:checked::after{content:"✓";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-group label{margin-left:10px;color:#555;cursor:pointer}.form-error{color:#e74c3c;font-size:14px;margin-top:5px}.btn-primary{background-color:#02326e;color:#fff;border:0;padding:15px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s,transform .2s;margin-bottom:20px;font-weight:600}.btn-primary:hover{background-color:rgba(2,50,110,.7019607843)}.btn-primary:active{transform:translateY(2px)}.forgot-password{text-align:center;margin-top:15px}.forgot-password a{color:#02326e;text-decoration:none;font-size:14px;transition:color .3s}.forgot-password a:hover{color:#f2bd3a;text-decoration:underline}.divider{display:flex;align-items:center;margin:30px 0;color:#555}.divider::after,.divider::before{content:"";flex:1;border-bottom:1px solid #d7d7d7}.divider span{padding:0 10px;font-size:14px}.social-login{display:flex;justify-content:center;gap:15px}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1px solid #d7d7d7;background-color:#fff;cursor:pointer;transition:background-color .3s,transform .3s,box-shadow .3s;font-weight:700;color:#02326e}.social-btn:hover{background-color:#d7d7d7;transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.5)}.social-btn:active{transform:translateY(0)}.d-none{display:none}@media screen and (max-width:992px){.login-container{max-width:800px}}@media screen and (max-width:768px){.login-container{flex-direction:column;max-width:500px}.login-image{padding:30px}.logo-placeholder{width:100px;height:100px;font-size:18px}}@media screen and (max-width:480px){.login-form,.login-image{padding:25px}}