.registration-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#eef2ff 50%,#e0e7ff);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.registration-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.registration-page .floating-shapes{height:100%;position:absolute;width:100%}.registration-page .shape{-webkit-animation:regFloatShape 25s ease-in-out infinite;animation:regFloatShape 25s ease-in-out infinite;border-radius:50%;opacity:.6;position:absolute}.registration-page .shape-1{-webkit-animation-delay:0s;animation-delay:0s;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.08));height:400px;right:-100px;top:-150px;width:400px}.registration-page .shape-2{-webkit-animation-delay:8s;animation-delay:8s;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(37,99,235,.06));bottom:-50px;height:300px;left:-100px;width:300px}.registration-page .shape-3{-webkit-animation-delay:16s;animation-delay:16s;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.05));height:200px;right:10%;top:50%;width:200px}@-webkit-keyframes regFloatShape{0%,to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}33%{-webkit-transform:translate(30px,-30px) scale(1.05) rotate(5deg);transform:translate(30px,-30px) scale(1.05) rotate(5deg)}66%{-webkit-transform:translate(-20px,20px) scale(.95) rotate(-5deg);transform:translate(-20px,20px) scale(.95) rotate(-5deg)}}@keyframes regFloatShape{0%,to{-webkit-transform:translate(0) scale(1) rotate(0deg);transform:translate(0) scale(1) rotate(0deg)}33%{-webkit-transform:translate(30px,-30px) scale(1.05) rotate(5deg);transform:translate(30px,-30px) scale(1.05) rotate(5deg)}66%{-webkit-transform:translate(-20px,20px) scale(.95) rotate(-5deg);transform:translate(-20px,20px) scale(.95) rotate(-5deg)}}.registration-container{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.08),0 20px 25px -5px rgba(0,0,0,.05);max-width:1050px;min-height:620px;width:100%;z-index:1}.registration-container,.registration-left{display:flex;overflow:hidden;position:relative}.registration-left{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);flex:1 1;justify-content:center;max-width:45%;padding:3rem}.registration-left:before{background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.08) 0,transparent 50%);content:"";inset:0;position:absolute}.registration-left:after{background:url('data:image/svg+xml;charset=utf-8,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');content:"";inset:0;position:absolute}.registration-image-container{max-width:320px;position:relative;width:100%;z-index:1}.registration-image{border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.25);height:auto;transition:box-shadow .4s ease,-webkit-transform .4s ease;transition:transform .4s ease,box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease,-webkit-transform .4s ease;width:100%}.registration-image:hover{box-shadow:0 30px 60px rgba(0,0,0,.3);-webkit-transform:translateY(-10px) scale(1.02);transform:translateY(-10px) scale(1.02)}.registration-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:2.5rem 3rem}.registration-form-container{max-width:420px;width:100%}.registration-page .form-header{margin-bottom:1.75rem;text-align:center}.registration-page .form-logo{border-radius:16px;box-shadow:0 8px 20px rgba(99,102,241,.25);height:60px;margin-bottom:1rem;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:60px}.registration-page .form-logo:hover{box-shadow:0 12px 28px rgba(99,102,241,.35);-webkit-transform:scale(1.08) rotate(2deg);transform:scale(1.08) rotate(2deg)}.registration-page .form-header h1{color:#0f172a;font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .4rem}.registration-page .form-header p{color:#64748b;font-size:.95rem;font-weight:400;margin:0}.registration-form{display:flex;flex-direction:column;gap:1rem}.registration-page .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.registration-page .input-group{position:relative}.registration-page .input-icon{color:#94a3b8;font-size:1.1rem;left:14px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color .25s ease;z-index:2}.registration-page .input-group input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:.95rem;font-weight:450;outline:none;padding:14px 44px;transition:all .25s ease;width:100%}.registration-page .input-group input::-webkit-input-placeholder{color:#94a3b8;font-weight:400}.registration-page .input-group input::placeholder{color:#94a3b8;font-weight:400}.registration-page .input-group input:hover{background:#fff;border-color:#cbd5e1}.registration-page .input-group input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.registration-page .input-group input:focus~.input-icon,.registration-page .input-group:focus-within .input-icon{color:#6366f1}.registration-page .input-group input.error{background:#fef2f2;border-color:#ef4444}.registration-page .input-group input.error:focus{box-shadow:0 0 0 4px rgba(239,68,68,.1)}.registration-page .error-message{color:#dc2626;display:block;font-size:.75rem;font-weight:500;margin-top:6px;padding-left:4px}.registration-page .password-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.1rem;padding:4px;position:absolute;right:14px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color .25s ease;z-index:2}.registration-page .password-toggle:hover{color:#6366f1}.registration-page .submit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 14px rgba(99,102,241,.35);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:.5rem;overflow:hidden;padding:15px 24px;position:relative;transition:all .3s ease;width:100%}.registration-page .submit-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.registration-page .submit-btn:hover:before{left:100%}.registration-page .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px rgba(99,102,241,.45);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.registration-page .submit-btn:active:not(:disabled){box-shadow:0 4px 14px rgba(99,102,241,.35);-webkit-transform:translateY(0);transform:translateY(0)}.registration-page .submit-btn:disabled{cursor:not-allowed;opacity:.7}.registration-page .submit-btn.loading{pointer-events:none}.registration-page .loading-spinner{-webkit-animation:regSpin .7s linear infinite;animation:regSpin .7s linear infinite;border:2.5px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;width:20px}@-webkit-keyframes regSpin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes regSpin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.registration-page .form-footer{border-top:1px solid #f1f5f9;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.registration-page .form-footer p{color:#64748b;font-size:.9rem;margin:0}.registration-page .login-link{color:#6366f1;font-weight:600;text-decoration:none;transition:all .25s ease}.registration-page .login-link:hover{color:#4f46e5;text-decoration:underline}.registration-page .input-group input:valid:not(:placeholder-shown):not(.error){background:#f0fdf4;border-color:#10b981}.registration-page .input-group input:valid:not(:placeholder-shown):not(.error)~.input-icon{color:#10b981}@media (max-width:968px){.registration-container{border-radius:20px;flex-direction:column;max-width:480px;min-height:auto}.registration-left{display:none;max-width:100%}.registration-right{padding:2.5rem 2rem}.registration-form-container{max-width:100%}}@media (max-width:600px){.registration-page{align-items:flex-start;background:#fff;padding:0}.registration-background{display:none}.registration-container{border-radius:0;box-shadow:none;max-width:100%;min-height:100vh}.registration-left{display:none}.registration-right{align-items:flex-start;justify-content:flex-start;padding:0}.registration-form-container{max-width:100%;padding:2rem 1.5rem 1.5rem;width:100%}.registration-page .form-header{margin-bottom:1.5rem}.registration-page .form-header h1{font-size:1.5rem}.registration-page .form-header p{font-size:.9rem}.registration-page .form-logo{height:52px;width:52px}.registration-page .form-row{grid-template-columns:1fr}.registration-page .input-group input{border-radius:10px;font-size:16px;padding:13px 40px}.registration-page .input-icon{font-size:1rem;left:12px}.registration-page .password-toggle{right:12px}.registration-page .submit-btn{border-radius:10px;font-size:1rem;padding:14px 20px}.registration-page .form-footer{margin-top:1.25rem;padding-top:1.25rem}.registration-form{gap:.875rem}}@media (max-width:360px){.registration-form-container{padding:1.5rem 1rem 1.25rem}.registration-page .form-header h1{font-size:1.375rem}.registration-page .form-logo{height:48px;width:48px}.registration-page .input-group input{padding:12px 38px}}