:root{--primary:#6d28d9;--primary-hover:#5b21b6;--secondary:#7c3aed;--text-primary:#1f2937;--text-secondary:#4b5563;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--border-color:#e2e8f0;--error-color:#dc2626;--success-color:#10b981;--white:#ffffff;--border-radius:8px;--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-md:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-lg:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}a,body,button,div,h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{font-family:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:linear-gradient(135deg,#1a0f2e 0,#2d1b69 50%,#5e35b1 100%);color:var(--text-primary);line-height:1.6;min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;position:relative;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(138,43,226,.15) 0,transparent 25%),radial-gradient(circle at 80% 70%,rgba(147,112,219,.15) 0,transparent 25%),radial-gradient(circle at 50% 20%,rgba(186,85,211,.1) 0,transparent 30%),radial-gradient(circle at 30% 80%,rgba(123,104,238,.1) 0,transparent 30%);z-index:1;pointer-events:none}body::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(147,112,219,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(147,112,219,.03) 1px,transparent 1px);background-size:40px 40px;z-index:1;pointer-events:none}.container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;position:relative;z-index:2}.register-container{background:#fff;padding:2.5rem;border-radius:16px;width:100%;max-width:480px;box-shadow:0 10px 25px rgba(0,0,0,.08);position:relative;z-index:2;border:1px solid rgba(0,0,0,.05);overflow:hidden;transition:all .3s cubic-bezier(.4, 0, .2, 1);background-color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.register-container:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.register-container::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6d28d9,#7c3aed);animation:borderGlow 3s infinite alternate}@keyframes borderGlow{0%{box-shadow:0 0 10px rgba(109,40,217,.5)}100%{box-shadow:0 0 20px rgba(109,40,217,.8),0 0 30px rgba(109,40,217,.6)}}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(138,43,226,.15) 0,transparent 25%),radial-gradient(circle at 80% 70%,rgba(147,112,219,.15) 0,transparent 25%),radial-gradient(circle at 50% 20%,rgba(186,85,211,.1) 0,transparent 30%),radial-gradient(circle at 30% 80%,rgba(123,104,238,.1) 0,transparent 30%);z-index:1;pointer-events:none}body::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(147,112,219,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(147,112,219,.03) 1px,transparent 1px);background-size:40px 40px;z-index:1;pointer-events:none}@keyframes float1{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(10px,10px) rotate(5deg)}50%{transform:translate(0,20px) rotate(0)}75%{transform:translate(-10px,10px) rotate(-5deg)}}@keyframes float2{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-15px,5px) rotate(-3deg)}50%{transform:translate(0,10px) rotate(0)}75%{transform:translate(15px,5px) rotate(3deg)}}.particle{position:fixed;background:rgba(255,255,255,.1);border-radius:50%;pointer-events:none;z-index:1}.particle:first-child{width:300px;height:300px;top:-150px;right:-150px;background:radial-gradient(circle,rgba(147,112,219,.15) 0,transparent 70%);animation:float1 25s infinite ease-in-out}.particle:nth-child(2){width:400px;height:400px;bottom:-200px;left:-200px;background:radial-gradient(circle,rgba(186,85,211,.1) 0,transparent 70%);animation:float2 30s infinite ease-in-out}.container{display:flex;width:100%;max-width:480px;margin:0;padding:1rem}.register-container{width:100%;max-width:100%;margin:0;padding:1.5rem;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;flex-direction:column;justify-content:flex-start;border-radius:0;box-shadow:0 0 50px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;box-sizing:border-box;min-height:100vh;z-index:2}.register-container::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6d28d9,#7c3aed);animation:borderGlow 3s infinite alternate}@keyframes borderGlow{0%{box-shadow:0 0 10px rgba(109,40,217,.5)}100%{box-shadow:0 0 20px rgba(109,40,217,.8),0 0 30px rgba(109,40,217,.6)}}.register-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.register-header{text-align:center;margin-bottom:1.5rem;font-family:'SF Pro',-apple-system,sans-serif}.register-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;letter-spacing:-.5px;line-height:1.2}.register-header p{color:var(--text-secondary);font-size:1rem;margin:0}.register-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem;width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem}.input-with-icon{position:relative;width:100%}.input-with-icon i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1.1rem;transition:var(--transition);z-index:2}.input-with-icon input[type=email],.input-with-icon input[type=password],.input-with-icon input[type=text]{width:100%!important;padding:.875rem 1rem .875rem 2.75rem!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;font-size:.9375rem!important;transition:all .3s ease!important;background-color:#585d67!important;color:#fff!important;height:48px!important;box-sizing:border-box!important;font-weight:400!important;letter-spacing:-.01em!important;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}.input-with-icon input[type=email]:hover,.input-with-icon input[type=password]:hover,.input-with-icon input[type=text]:hover{background-color:#676d78!important;border-color:rgba(255,255,255,.2)!important}.input-with-icon input[type=email]:focus,.input-with-icon input[type=password]:focus,.input-with-icon input[type=text]:focus{outline:0!important;background-color:#6d737e!important;border-color:#8b5cf6!important;box-shadow:0 0 0 3px rgba(139,92,246,.3)!important;border-left:3px solid #8b5cf6!important}.input-with-icon input[type=email]:focus+i,.input-with-icon input[type=password]:focus+i,.input-with-icon input[type=text]:focus+i{color:#a78bfa!important}.input-with-icon input::placeholder{color:#d1d5db!important;opacity:.8!important;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important}.input-with-icon i{color:#d1d5db!important}.toggle-password{position:absolute;right:1rem;background:0 0;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);top:50%;transform:translateY(-50%);font-size:1.1rem}.toggle-password:hover{color:var(--primary)}.password-requirements{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.requirement{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.requirement::before{content:'•'}.requirement.valid{color:var(--success-color)}.requirement.valid::before{content:'✓'}.terms{margin:.5rem 0}.checkbox-container{display:flex;align-items:flex-start;cursor:pointer;position:relative;padding-left:2rem;font-size:.875rem;color:var(--text-secondary);user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;left:0;top:.25rem;height:1.25rem;width:1.25rem;background-color:var(--white);border:1.5px solid var(--border-color);border-radius:4px;transition:var(--transition)}.checkbox-container:hover input~.checkmark{border-color:var(--primary)}.checkbox-container input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.checkmark:after{content:'';position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.terms-link{color:#6d28d9;text-decoration:none;font-weight:500;transition:var(--transition)}.terms-link:hover{color:#5b21b6;text-decoration:underline}.btn-register{width:100%;padding:.875rem;background:linear-gradient(90deg,#6d28d9,#7c3aed);color:#fff;font-weight:600;font-family:'SF Pro Display',-apple-system,sans-serif;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.25rem;box-shadow:0 4px 15px rgba(109,40,217,.3);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;overflow:hidden;line-height:1.5;z-index:1}.btn-register::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#7c3aed,#5b21b6);opacity:0;transition:opacity .3s ease;z-index:-1}.btn-register:hover::before{opacity:1}.btn-register:active{transform:translateY(1px);box-shadow:0 2px 10px rgba(109,40,217,.4)}.btn-register:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(109,40,217,.3)}.btn-register:active{transform:translateY(0)}.btn-text{transition:opacity .3s ease}.loader{display:none;width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.btn-register.loading .btn-text{opacity:0}.btn-register.loading .loader{display:block}.login-link{text-align:center;margin-top:1.75rem;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.login-link a{color:#6d28d9;font-weight:500;text-decoration:none;margin-left:.25rem;transition:var(--transition)}.login-link-text:hover{text-decoration:underline}.social-login{margin-top:2.5rem;text-align:center}.social-login p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.social-login p::after,.social-login p::before{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-color))}.social-login p::after{background:linear-gradient(90deg,var(--border-color),transparent)}.social-buttons{display:flex;flex-direction:column;gap:.75rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--white);color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.04)}.social-btn:hover{background-color:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.08)}.social-btn:active{transform:translateY(0)}.social-btn.google{border-color:#e2e8f0}.social-btn.google:hover{border-color:#cbd5e1;background-color:#f8fafc}.social-btn img{width:20px;height:20px}.register-image{display:none}.notification{position:fixed;top:1.5rem;right:1.5rem;padding:1rem 1.5rem;border-radius:8px;color:#fff;font-weight:500;box-shadow:var(--shadow);z-index:1000;transform:translateX(120%);transition:transform .3s ease-in-out;max-width:90%}.notification.show{transform:translateX(0)}.notification.success{background-color:var(--success-color)}.notification.error{background-color:var(--error-color)}@media (max-width:768px){body{padding:0}.container{padding:0;margin:0;width:100%;max-width:100%}.register-container{padding:1.5rem;margin:0;width:100%;max-width:100%}.register-header h1{font-size:1.75rem}.social-buttons{flex-direction:column}.social-btn{width:100%;margin-bottom:.75rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.register-container{animation:fadeIn .5s ease-out}.error-message{color:var(--error-color);font-size:.8125rem;margin-top:.25rem;display:none}.form-group.error .error-message{display:block}.form-group.error .input-with-icon input{border-color:var(--error-color)}.form-group.success .input-with-icon input{border-color:var(--success-color)}.checkbox-container input:focus-visible~.checkmark{outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.help-text{font-size:.8125rem;color:var(--text-secondary);margin-top:.25rem}.terms-link{color:var(--primary);text-decoration:none;transition:var(--transition)}.terms-link:hover{text-decoration:underline}.register-image{display:none}.footer{text-align:center;padding:1.5rem;color:var(--text-secondary);font-size:.875rem;margin-top:auto}.privacy-link{color:var(--primary);text-decoration:none;transition:var(--transition)}.privacy-link:hover{text-decoration:underline}