.register-section{min-height:100vh;display:flex;align-items:center;justify-content:center}.p-relative{position:relative}.register-from{background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.08);padding:40px 25px}.commont-shadow{background:#fff;border-radius:18px;padding:40px 30px;box-shadow:0 6px 25px rgba(0,102,220,.1);transition:all .3s ease-in-out}.commont-shadow:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(0,102,220,.15)}.title-logo{text-align:center;margin-bottom:25px}.title-logo img{width:300px;max-width:100%;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1));animation:fadeInDown .7s ease}.register-image{text-align:center;margin-bottom:20px}.register-form-content{background:#F9F9F9;padding:30px 20px;border-radius:14px;box-shadow:inset 0 0 6px rgba(0,0,0,.03)}.register-section .form-label span{font-size:14px;color:#d32626;margin-left:5px}.form-control{border:1px solid #dce3ee;border-radius:10px;padding:12px 14px;font-size:15px;transition:all .25s ease;box-shadow:none}.form-control:focus{border-color:#0066dc;box-shadow:0 0 0 .25rem rgba(0,102,220,.15)}.password-eye{position:absolute;right:15px;bottom:15%;color:#5a6c84;cursor:pointer;transition:color .25s ease}.password-eye:hover{color:#0066dc}.btn-primary{background:linear-gradient(90deg,#0066dc,#1a8af3);border:none;border-radius:10px;padding:10px 24px;font-weight:600;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(90deg,#0053b3,#0f7ee5);transform:scale(1.03);box-shadow:0 4px 15px rgba(0,102,220,.25)}.signin-with{margin:20px 0 10px;font-weight:600;color:#334155}.signin-other,.signin-with{text-align:center}.signin-other .other-btn{padding:0;background-color:transparent!important;border:none!important;transition:transform .25s ease}.signin-other .other-btn:hover{transform:scale(1.05)}.signin-other img{width:230px}.signup-link{margin:0;padding:20px 0 10px;font-size:16px;text-align:center;color:#475569}.signup-link a{color:#0066dc;font-weight:600;text-decoration:none}.signup-link a:hover{text-decoration:underline}.videotutorial{padding:50px 0;background:#f9fbff}.guid-content h2{color:#0066dc;font-weight:700;margin-bottom:15px}.guid-content p{color:#475569;font-size:15px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.commont-shadow{padding:30px 25px}}@media (max-width:768px){.commont-shadow{box-shadow:0 4px 18px rgba(0,102,220,.1)}.title-logo img{width:200px}.signup-link{font-size:15px}.signin-other img{width:190px}.videotutorial{padding:30px 15px}}@media (max-width:480px){.commont-shadow,.register-form-content{padding:20px 15px}.btn-primary{width:100%}}