:root{--primary-color: #3498db;--primary-dark: #2980b9;--secondary-color: #2ecc71;--error-color: #e74c3c;--text-color: #333;--light-gray: #f5f5f5;--border-color: #ddd}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f9f9f9;color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.auth-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px;padding:30px;position:relative}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:var(--primary-color);font-size:24px;margin-bottom:10px}.auth-header p{color:#777;font-size:14px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:500}input[type=text],input[type=password],input[type=email]{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;transition:border-color .3s}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{border-color:var(--primary-color);outline:none}.password-toggle{position:relative}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#777;cursor:pointer}.terms{display:flex;align-items:flex-start;margin-bottom:20px;font-size:14px}.terms input{margin-right:10px;margin-top:3px}.btn-auth{width:100%;padding:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-auth:hover{background-color:var(--primary-dark)}.separator{display:flex;align-items:center;text-align:center;margin:25px 0;color:#777;font-size:14px}.separator:before,.separator:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.separator:before{margin-right:.5em}.separator:after{margin-left:.5em}.social-auth{display:flex;justify-content:center;gap:15px;margin-bottom:25px}.social-btn{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--light-gray);border:1px solid var(--border-color);cursor:pointer;transition:background-color .3s}.social-btn:hover{background-color:#e8e8e8}.auth-link{text-align:center;font-size:14px}.auth-link a{color:var(--primary-color);text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.error-message{color:var(--error-color);font-size:13px;margin-top:5px;display:none}.password-strength{height:4px;background-color:#eee;margin-top:8px;border-radius:2px;overflow:hidden}.strength-meter{height:100%;width:0;transition:width .3s,background-color .3s}.page{display:none}.page.active{display:block}.back-to-login{position:absolute;top:20px;left:20px;background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;display:flex;align-items:center}.back-to-login:hover{text-decoration:underline}.success-message{background-color:#d4edda;color:#155724;padding:12px;border-radius:4px;margin-bottom:20px;display:none}@media (max-width: 480px){.auth-container{padding:20px}}