body{font-family:Arial;background:#f5f5f5;}
.registrpge {background:#eb268f4d;}
.loginpge {background:#00b0f057;}
.reglogo {display: block;  width: 100%;  max-width: 175px;  margin: 0px auto;}
.reglogo img {width:100%;}
.register-container{display:flex;justify-content:center;align-items:center;height:95vh;}
.register-card{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.2);width:95%;text-align:center;max-width: 350px; margin:0px 10px 0px 10px;}
.register-card h2  {margin: 10px auto; color: #555;font-size: 17px;  display: block; letter-spacing:1px; font-weight: normal; margin:0px auto 25px auto;}
.hvelgn { color:#0058B0; text-decoration: none; transition:1s;}
.hvelgn:hover {color:#EB268F;}
.form-group{width:100%;margin-bottom:15px;}
.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;display:block;}
.form-group input[type="file"]::file-selector-button {  background: #EB268F; color: #fff; border: none; padding: 8px 15px; border-radius: 5px; cursor: pointer; transition:1s;}
.form-group input[type="file"]::file-selector-button:hover {  background: #00B0F0;}
.register-btn{font-size : 20px;	width:100%;padding:12px;background:#00B0F0;color:#fff;border:none;border-radius:5px;cursor:pointer; transition:1s;}
.register-btn:hover{background:#EB268F;}
#output{margin-top:10px;width:80px;border-radius:50%;}
.crop-container{width:100%;max-width:320px;margin:10px auto;}
.crop-container img{width:100%;max-height:300px;display:block;}
.crop-btn{display:block;margin:10px auto;padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;}
.crop-btn:hover{background:#0056b3;}
.crop-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;align-content:center;align-items:center;z-index:9999;}
.crop-modal-content{background:#fff;padding:20px;border-radius:10px;width:90%;max-width:320px;text-align:center;position:relative;margin:auto;}
.close-crop{position:absolute;right:10px;top:5px;font-size:22px;cursor:pointer;}
.input-error{border:2px solid #ff4d4f !important;box-shadow:0 0 5px rgba(255,0,0,0.3);}
.bloklogin {color: #0058B0;  font-weight: bold;  background: #eb268f2b; padding: 10px; border-radius: 6px; margin-bottom: 10px;}
.uardylgn {text-align:center; font-size:15px; color:#555; margin-top:0px;">
@media all and (max-width: 330px){.register-card {padding: 20px;}}