.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}}.registration-page .divider{align-items:center;display:flex;gap:1rem;margin:1rem 0}.registration-page .divider:after,.registration-page .divider:before{background:linear-gradient(90deg,transparent,#e5e7eb,transparent);content:"";flex:1 1;height:1px}.registration-page .divider span{color:#9ca3af;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.registration-page .google-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.registration-page .google-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.08);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.registration-page .google-btn:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.registration-page .google-btn:disabled{cursor:not-allowed;opacity:.6}.login-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}.login-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.login-page .floating-shapes{height:100%;position:absolute;width:100%}.login-page .shape{-webkit-animation:loginFloatShape 25s ease-in-out infinite;animation:loginFloatShape 25s ease-in-out infinite;border-radius:50%;opacity:.6;position:absolute}.login-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}.login-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}.login-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 loginFloatShape{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 loginFloatShape{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)}}.login-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:1000px;min-height:560px;width:100%;z-index:1}.login-container,.login-left{display:flex;overflow:hidden;position:relative}.login-left{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);flex:1 1;justify-content:center;padding:3rem}.login-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}.login-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}.login-image-container{max-width:350px;position:relative;width:100%;z-index:1}.login-image{display:none!important}.login-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)}.login-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:3rem}.login-form-container{max-width:380px;width:100%}.login-page .form-header{margin-bottom:2rem;text-align:center}.login-page .form-logo{border-radius:16px;box-shadow:0 8px 20px rgba(99,102,241,.25);height:64px;margin-bottom:1.25rem;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:64px}.login-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)}.login-page .form-header h1{color:#0f172a;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.login-page .form-header p{color:#64748b;font-size:1rem;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:1.125rem}.login-page .input-group{position:relative}.login-page .input-icon{color:#94a3b8;font-size:1.15rem;left:16px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color .25s ease;z-index:2}.login-page .input-group input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1rem;font-weight:450;outline:none;padding:15px 48px;transition:all .25s ease;width:100%}.login-page .input-group input::-webkit-input-placeholder{color:#94a3b8;font-weight:400}.login-page .input-group input::placeholder{color:#94a3b8;font-weight:400}.login-page .input-group input:hover{background:#fff;border-color:#cbd5e1}.login-page .input-group input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.login-page .input-group input:focus~.input-icon,.login-page .input-group:focus-within .input-icon{color:#6366f1}.login-page .input-group input.error{background:#fef2f2;border-color:#ef4444}.login-page .input-group input.error:focus{box-shadow:0 0 0 4px rgba(239,68,68,.1)}.login-page .error-message{color:#dc2626;display:block;font-size:.8rem;font-weight:500;margin-top:8px;padding-left:4px}.login-page .password-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.15rem;padding:4px;position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color .25s ease;z-index:2}.login-page .password-toggle:hover{color:#6366f1}.login-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:1.05rem;font-weight:600;gap:10px;justify-content:center;margin-top:.75rem;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.login-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%}.login-page .submit-btn:hover:before{left:100%}.login-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)}.login-page .submit-btn:active:not(:disabled){box-shadow:0 4px 14px rgba(99,102,241,.35);-webkit-transform:translateY(0);transform:translateY(0)}.login-page .submit-btn:disabled{cursor:not-allowed;opacity:.7}.login-page .submit-btn.loading{pointer-events:none}.login-page .loading-spinner{-webkit-animation:loginSpin .7s linear infinite;animation:loginSpin .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 loginSpin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loginSpin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.login-page .form-footer{border-top:1px solid #f1f5f9;margin-top:1.75rem;padding-top:1.75rem;text-align:center}.login-page .form-footer p{color:#64748b;font-size:.95rem;margin:0}.login-page .register-link{color:#6366f1;font-weight:600;text-decoration:none;transition:all .25s ease}.login-page .register-link:hover{color:#4f46e5;text-decoration:underline}.login-page .input-group input:valid:not(:placeholder-shown):not(.error){background:#f0fdf4;border-color:#10b981}.login-page .input-group input:valid:not(:placeholder-shown):not(.error)~.input-icon{color:#10b981}@media (max-width:900px){.login-container{border-radius:20px;flex-direction:column;max-width:440px;min-height:auto}.login-left{display:none}.login-right{padding:2.5rem 2rem}.login-form-container{max-width:100%}}@media (max-width:480px){.login-page{align-items:flex-start;background:#fff;padding:0}.login-background{display:none}.login-container{border-radius:0;box-shadow:none;max-width:100%;min-height:100vh}.login-left{display:none}.login-right{align-items:flex-start;justify-content:flex-start;padding:0}.login-form-container{max-width:100%;padding:3rem 1.5rem 2rem;width:100%}.login-page .form-header{margin-bottom:2rem}.login-page .form-header h1{font-size:1.625rem}.login-page .form-header p{font-size:.95rem}.login-page .form-logo{height:56px;width:56px}.login-page .input-group input{border-radius:10px;font-size:16px;padding:14px 44px}.login-page .input-icon{font-size:1.1rem;left:14px}.login-page .password-toggle{right:14px}.login-page .submit-btn{border-radius:10px;font-size:1rem;padding:15px 20px}.login-page .form-footer{margin-top:1.5rem;padding-top:1.5rem}}@media (max-width:360px){.login-form-container{padding:2.5rem 1rem 1.5rem}.login-page .form-header h1{font-size:1.5rem}.login-page .form-logo{height:48px;width:48px}}.simple-login-page{align-items:center;-webkit-animation:gradientShift 8s ease infinite;animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#fff,#f8f9fa 25%,#e9ecef 50%,#f8f9fa 75%,#fff);background-size:200% 200%;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}@-webkit-keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-logo-img{height:auto;object-fit:contain;width:120px}.simple-login-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);max-width:420px;padding:40px 32px;width:100%}.simple-login-logo{display:flex;justify-content:center;margin-bottom:24px}.simple-login-header{margin-bottom:32px;text-align:center}.simple-login-title{color:#1a1a2e!important;font-size:1.75rem!important;font-weight:700!important;margin-bottom:8px!important}.simple-login-subtitle{color:#6b7280!important;font-size:.95rem!important}.simple-signup-link{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px;text-align:center}.simple-signup-btn{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .2s ease}.simple-signup-btn:hover{color:#2563eb;text-decoration:underline}.simple-login-page .MuiTextField-root{margin-bottom:16px!important}.simple-login-page .MuiOutlinedInput-root{background:#f9fafb!important;border-radius:10px!important;transition:all .2s ease!important}.simple-login-page .MuiOutlinedInput-root.Mui-focused,.simple-login-page .MuiOutlinedInput-root:hover{background:#fff!important}.simple-login-page .MuiOutlinedInput-notchedOutline{border-color:#e5e7eb!important}.simple-login-page .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#3b82f6!important}.simple-login-page .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#3b82f6!important;border-width:2px!important}.simple-login-page .MuiButton-containedPrimary{background:#3b82f6!important;border-radius:10px!important;box-shadow:none!important;font-size:1rem!important;font-weight:600!important;padding:12px 24px!important;text-transform:none!important;transition:all .2s ease!important}.simple-login-page .MuiButton-containedPrimary:hover{background:#2563eb!important;box-shadow:0 4px 12px rgba(59,130,246,.3)!important}.simple-login-page .MuiCheckbox-root{color:#3b82f6!important}.simple-login-page .MuiFormControlLabel-label{color:#6b7280;font-size:.9rem}@media(max-width:480px){.simple-login-card{border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.06);padding:32px 24px}.simple-login-title{font-size:1.5rem!important}.simple-login-page{background:#f5f7fa;padding:16px}}