:root{--primary-color:#2c3e50;--secondary-color:#1abc9c;--accent-color:#3498db;--text-color:#333;--light-bg:#f8f9fa;--success-color:#28a745;--warning-color:#f39c12;--danger-color:#e74c3c;--matrix-green:#00ff41}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;height:100vh;overflow:hidden;background-color:#000;position:relative}#matrix-canvas{position:absolute;top:0;left:0;z-index:1}#particles-canvas{position:absolute;top:0;left:0;z-index:2}#neural-network{position:absolute;top:0;left:0;z-index:3;pointer-events:none}.tech-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:linear-gradient(rgba(0,255,65,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,0.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}.scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ff41,transparent);animation:scan 3s linear infinite;z-index:5}@keyframes scan{0%{top:-2px}100%{top:100vh}}.register-container{max-width:400px;width:100%;background:rgba(255,255,255,0.98);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.3),inset 0 1px 0 rgba(255,255,255,0.4);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,0.3);overflow:hidden;position:relative;z-index:10;animation:slideInUp 1s ease-out;margin:0 auto;top:50%;transform:translateY(-50%);max-height:90vh;overflow-y:auto}@keyframes slideInUp{from{opacity:0;transform:translateY(-50%) translateY(80px) scale(0.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}.register-header{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));color:white;padding:1.5rem 1rem 1rem;text-align:center;position:relative;overflow:hidden}.register-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZGVmcz48cGF0dGVybiBpZD0iZG90cyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48Y2lyY2xlIGN4PSIyIiBjeT0iMiIgcj0iMSIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjEpIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2RvdHMpIi8+PC9zdmc+');opacity:.3;z-index:1}.register-header h2,.register-header p{position:relative;z-index:2}.register-header h2{margin:0;font-weight:700;font-size:1.6rem}.register-header p{margin:.3rem 0 0;opacity:.9;font-size:.85rem}.register-body{padding:1.5rem}.form-floating label{color:var(--text-color)}.form-control{border:2px solid #e9ecef;border-radius:10px;padding:.75rem;transition:all .3s ease;font-size:.9rem}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 .2rem rgba(52,152,219,0.25)}.btn-register{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));border:0;border-radius:10px;padding:.75rem 2rem;color:white;font-weight:600;transition:all .3s ease;width:100%}.btn-register:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(52,152,219,0.4);color:white}.btn-register:disabled{background:#6c757d;transform:none;box-shadow:none;cursor:not-allowed}.btn-google{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:.75rem 1rem;color:#333;font-weight:600;transition:all .3s ease;width:100%;font-size:1rem}.btn-google:hover{background:#f8f9fa;border-color:#dc4e41;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,78,65,0.2);color:#333}.alert{border-radius:10px;border:0;margin-bottom:1rem;font-size:.9rem}.register-footer{text-align:center;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e9ecef}.register-footer a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:color .3s ease}.register-footer a:hover{color:var(--secondary-color)}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0;border:0;color:#6c757d;cursor:pointer;z-index:10}.password-toggle:hover{color:var(--accent-color)}.loading-spinner{display:none}.btn-register.loading .loading-spinner,.btn-google.loading .loading-spinner{display:inline-block}.btn-register.loading .btn-text,.btn-google.loading .btn-text{display:none}.divider{position:relative;text-align:center;margin:1.5rem 0;color:#6c757d;font-size:.85rem}.divider::before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:#e9ecef}.divider span{background:rgba(255,255,255,0.98);padding:0 1rem;position:relative;z-index:1}.password-strength{margin-top:.5rem;font-size:.8rem}.strength-bar{height:3px;border-radius:2px;background-color:#e9ecef;margin-top:.3rem;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.strength-weak .strength-fill{width:33%;background-color:#dc3545}.strength-medium .strength-fill{width:66%;background-color:#ffc107}.strength-strong .strength-fill{width:100%;background-color:#28a745}@media(max-width:480px){.register-container{margin:1rem;border-radius:15px;max-width:350px}.register-header{padding:1.2rem 1rem 1rem}.register-body{padding:1.2rem}.register-header h2{font-size:1.4rem}}