body{background-color:#2b2a33;color:#fff;background-image:url(/resource?type=IMG&code=DGDDI_BACKGROUND);background-size:cover;background-repeat:no-repeat;min-height:100vh;display:flex}#rop-login-page{max-width:500px;width:100%;margin:auto;margin-top:6rem;padding:40px;background-color:rgba(0,0,0,.5);box-shadow:0 10px 40px rgba(0,0,0,.4);color:#333;box-shadow:0px 3px 0px #e1000f}.auth-signin-logo{background-image:url(/resource?type=IMG&code=OAUTH2_LOGO);display:block;position:absolute;top:10px;left:50%;margin:0 -60px;height:120px;width:120px;background-color:#fff;border:solid 1px #e7e7e7;z-index:2;background-repeat:no-repeat;background-position:center;background-size:100%}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rop-login-section{text-align:center}.rop-login-section h3{font-size:28px;color:#fff;margin-bottom:10px;font-weight:600}.rop-signup-section{animation:fadeIn .3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.signup-header{text-align:center;margin-bottom:30px}.signup-header h2{font-size:26px;color:#fff;margin:0 0 8px 0;font-weight:600;letter-spacing:-.5px}.signup-header .signup-subtitle{color:#7f8c8d;font-size:14px;margin:0;font-weight:400}.signup-form-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.signup-form-container .form-group{margin-bottom:18px}.signup-form-container .form-group:last-of-type{margin-bottom:0}.signup-form-container .form-label{font-weight:600;color:#fff;display:flex;align-items:center;margin-bottom:8px;font-size:14px;letter-spacing:.3px}.signup-form-container .form-label .label-icon{margin-right:6px;font-size:16px}.signup-form-container .form-control{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;color:#333;background-color:#f8f9fa}.signup-form-container .form-control::placeholder{color:#b0b0b0;font-style:italic}.signup-form-container .form-control:hover{border-color:#d0d0d0;background-color:#fff}.signup-form-container .form-control:focus{outline:none;border-color:#0d6efd;background-color:#fff;box-shadow:0 0 0 4px rgba(13,110,253,.1)}.signup-form-container .form-control:invalid{border-color:#dc3545}.form-buttons{display:flex;gap:10px;margin-top:28px;margin-bottom:12px}.btn{flex:1;padding:12px 24px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;font-weight:600;letter-spacing:.5px}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background-color:#0d6efd;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0b5ed7}.btn-success{background-color:#198754;color:#fff}.btn-success:hover:not(:disabled){background-color:#157347}.btn-create{background:linear-gradient(135deg,#0d6efd 0%,#0b5ed7 100%);color:#fff;box-shadow:0 4px 8px rgba(13,110,253,.3)}.btn-create:hover:not(:disabled){background:linear-gradient(135deg,#0b5ed7 0%,#0a58ca 100%);box-shadow:0 6px 16px rgba(13,110,253,.4)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5c636a}.btn-outline-secondary{background-color:transparent;color:#fff;border-color:#fff;border-width:2px}.btn-outline-secondary:hover:not(:disabled){background-color:#f8f9fa;color:#5c636a;border-color:#5c636a}.form-footer{text-align:center;font-size:13px;color:#fff;margin:0}.form-footer a{color:#0d6efd;text-decoration:none;font-weight:600;transition:color .3s}.form-footer a:hover{color:#0b5ed7;text-decoration:underline}.alert{padding:14px 16px;border-radius:6px;margin:16px 0;font-size:14px;animation:slideDown .3s ease-out;border-left:4px solid}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.alert-danger{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}