* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Arial', sans-serif;}html {scroll-behavior: smooth;overflow-y: auto;scroll-snap-type: y mandatory;}body {overflow: hidden;background: #0a0612;color: #fff;line-height: 1.6;}.section {width: 100%;height: 100vh;padding: 4rem;position: relative;overflow: hidden;transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);}.auth-section {position: relative;height: 100vh;background: #0a0612;display: flex;align-items: center;justify-content: center;overflow: hidden;}.auth-wrapper {position: relative;z-index: 5;isolation: isolate;}.auth-form {position: relative;max-width: 600px;padding: 2.5rem;background: rgba(16, 10, 32, 0.95);border-radius: 12px;border: 1px solid rgba(108, 61, 255, 0.3);box-shadow: 0 0 40px rgba(108, 61, 255, 0.1);backdrop-filter: blur(12px);margin: 2rem;overflow: hidden;}.auth-form::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: linear-gradient( 45deg,transparent 0%,rgba(108, 61, 255, 0.1) 50%,transparent 100%);transform: rotate(45deg);animation: grid-shine 6s infinite linear;pointer-events: none;}.auth-form h2 {font-family: 'Orbitron', sans-serif;color: #6c3dff;text-align: center;margin-bottom: 2rem;text-shadow: 0 0 15px rgba(108, 61, 255, 0.5);font-size: 2.2rem;}.form-group {margin-bottom: 1.5rem;position: relative;}.form-group label {display: block;color: rgba(255,255,255,0.9);margin-bottom: 0.5rem;font-size: 0.95rem;}.auth-form input {width: 100%;padding: 12px 20px;background: rgba(255,255,255,0.05);border: 1px solid rgba(108, 61, 255, 0.3);border-radius: 6px;color: #fff;font-size: 1rem;transition: all 0.3s ease;}.auth-form input:focus {outline: none;border-color: #6c3dff;box-shadow: 0 0 15px rgba(108, 61, 255, 0.3);}.auth-form button {width: 100%;background: linear-gradient(135deg, #6c3dff 0%, #a84dff 100%);border: none;padding: 14px;font-family: 'Orbitron', sans-serif;font-size: 1.1rem;color: #fff;border-radius: 6px;cursor: pointer;transition: all 0.3s ease;position: relative;overflow: hidden;}.auth-form button:hover {transform: translateY(-2px);box-shadow: 0 0 25px rgba(108, 61, 255, 0.4);}.error {color: #ff4da6;text-align: center;margin-top: 1.5rem;text-shadow: 0 0 10px rgba(255, 77, 166, 0.3);font-size: 0.9rem;}.auth-glitch {position: absolute;width: 120%;height: 120%;background: url('data:image/png;base64,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');opacity: 0.05;animation: noise 0.2s infinite linear;}.auth-gradient {position: absolute;width: 100%;height: 100%;background: radial-gradient( circle at 50% 50%,rgba(108, 61, 255, 0.15) 0%,rgba(10, 6, 18, 0.9) 70%);mix-blend-mode: screen;}@media (max-width: 768px) {.auth-form {margin: 1rem;padding: 1.5rem;}.auth-form h2 {font-size: 1.8rem;}}.button-noacc {display: block;text-align: center;margin-top: 1.5rem;font-family: 'Orbitron', sans-serif;font-size: 0.9rem;color: rgba(255,255,255,0.7);cursor: pointer;position: relative;transition: all 0.3s ease;text-decoration: none;background: none;border: none;padding: 0;}.button-noacc:hover {color: #6c3dff;text-shadow: 0 0 15px rgba(108, 61, 255, 0.3);}.button-noacc::before {content: '';position: absolute;bottom: -2px;left: 0;width: 0;height: 1px;background: linear-gradient(90deg, #6c3dff 0%, #ff4da6 100%);transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}.button-noacc:hover::before {width: 100%;}.button-noacc span {color: #ab2bfa;margin-left: 0.3rem;text-decoration: none;text-shadow: 0 0 10px rgba(255, 77, 166, 0.3);}@media (max-width: 768px) {.button-noacc {font-size: 0.8rem;margin-top: 1.2rem;}}.button-fogacc {display: block;text-align: center;margin-top: 1.5rem;font-family: 'Orbitron', sans-serif;font-size: 0.9rem;color: rgba(255,255,255,0.7);cursor: pointer;position: relative;transition: all 0.3s ease;text-decoration: none;background: none;border: none;padding: 0;}.button-fogacc:hover {color: #6c3dff;text-shadow: 0 0 15px rgba(108, 61, 255, 0.3);}.button-fogacc::before {content: '';position: absolute;bottom: -2px;left: 0;width: 0;height: 1px;background: linear-gradient(90deg, #6c3dff 0%, #ff4da6 100%);transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}.button-fogacc:hover::before {width: 100%;}.button-fogacc span {color: #ab2bfa;margin-left: 0.3rem;text-decoration: none;text-shadow: 0 0 10px rgba(255, 77, 166, 0.3);}@media (max-width: 768px) {.button-fogacc {font-size: 0.8rem;margin-top: 1.2rem;}}.agreement-group {margin: 1.5rem 0;position: relative;z-index: 2;}.agreement-group label {display: flex;align-items: center;color: rgba(255,255,255,0.8);font-size: 0.85rem;margin-bottom: 1rem;cursor: pointer;position: relative;transition: all 0.3s ease;}.agreement-group label:hover {color: #fff;}.custom-checkbox {position: relative;width: 18px;height: 18px;min-width: 18px;margin-right: 12px;border: 2px solid rgba(108, 61, 255, 0.5);border-radius: 4px;background: rgba(16, 10, 32, 0.7);transition: all 0.3s ease;}.custom-checkbox::after {content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 6px;border: 2px solid #6c3dff;border-top: none;border-right: none;transform: translate(-50%, -60%) rotate(-45deg) scale(0);opacity: 0;transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);}input[type="checkbox"] {position: absolute;opacity: 0;width: 0;height: 0;}input[type="checkbox"]:checked + .custom-checkbox {border-color: #6c3dff;box-shadow: 0 0 12px rgba(108, 61, 255, 0.3);}input[type="checkbox"]:checked + .custom-checkbox::after {transform: translate(-50%, -60%) rotate(-45deg) scale(1);opacity: 1;}.agreement-group a {color: #ff4da6;text-decoration: none;position: relative;transition: all 0.3s ease;}.agreement-group a::before {content: '';position: absolute;bottom: -2px;left: 0;width: 0;height: 1px;background: linear-gradient(90deg, #ff4da6 0%, #6c3dff 100%);transition: width 0.3s ease;}.agreement-group a:hover {text-shadow: 0 0 10px rgba(255, 77, 166, 0.3);}.agreement-group a:hover::before {width: 100%;}@media (max-width: 768px) {.agreement-group label {font-size: 0.8rem;}.custom-checkbox {width: 16px;height: 16px;margin-right: 10px;}}.agreement-group label.error-shake {animation: shake 0.4s ease;}@keyframes shake {0%, 100% { transform: translateX(0); }25% { transform: translateX(-5px); }75% { transform: translateX(5px); }}.notifications-container {position: fixed;top: 20px;right: 20px;z-index: 9999;max-width: 300px;width: 90%;}.notification {position: relative;padding: 15px 20px;margin-bottom: 1rem;background: rgba(255, 77, 166, 0.15);border: 1px solid #ff4da6;border-radius: 8px;backdrop-filter: blur(10px);color: #fff;display: flex;align-items: center;gap: 12px;transform: translateX(150%);animation: slideIn 0.3s forwards, fadeOut 0.3s 2.7s forwards;box-shadow: 0 4px 15px rgba(255, 77, 166, 0.2);}.notification::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient( 45deg,transparent,rgba(255, 77, 166, 0.1),transparent);pointer-events: none;}.notification-icon {width: 24px;height: 24px;flex-shrink: 0;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff4da6"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>');}.notification-text {font-size: 0.9rem;line-height: 1.4;}@keyframes slideIn {to {transform: translateX(0);}}@keyframes fadeOut {to {opacity: 0;transform: translateY(-20px);}}@media (max-width: 480px) {.notifications-container {top: 10px;right: 10px;max-width: 100%;}.notification {padding: 12px 15px;}.notification-icon {width: 20px;height: 20px;}.notification-text {font-size: 0.85rem;}}@keyframes checkboxError {0%, 100% { transform: translateX(0); }25% { transform: translateX(-8px); }75% { transform: translateX(8px); }}.agreement-group label.error {animation: checkboxError 0.4s ease;color: #ff4da6;}.auth-section::after {content: '';position: absolute;width: 100%;height: 100%;opacity: 0.1;}.auth-form.success-submit {animation: formSuccess 1.5s forwards;}@keyframes formSuccess {50% { transform: translateY(-20px); opacity: 0.5; }100% { transform: translateY(-100vh); opacity: 0; }}.social-auth {margin-top: 2rem;border-top: 1px solid rgba(108,61,255,0.2);padding-top: 1.5rem;}.hidden {display: none !important;}.auth-form input[type="email"] {text-transform: lowercase;}.auth-wrapper {position: relative;min-height: 520px;width: 100%;max-width: 600px;}.auth-form {position: absolute;width: 100%;transition: opacity 0.4s ease, transform 0.4s ease;}.auth-form:not(.hidden) {opacity: 1;transform: translateY(0);}.auth-form.hidden {opacity: 0;transform: translateY(20px);pointer-events: none;}.password-strength {margin-top: 8px;height: 4px;background: rgba(255,255,255,0.1);border-radius: 2px;overflow: hidden;position: relative;}.strength-bar {height: 100%;width: 0;background: #ff4da6;transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);transform-origin: left;}.strength-text {position: absolute;right: 0;top: -18px;font-size: 0.75rem;color: #6c3dff;text-shadow: 0 0 8px rgba(108,61,255,0.3);opacity: 0;transition: opacity 0.3s ease;}.password-strength:hover .strength-text {opacity: 1;}[data-strength="1"] .strength-bar { background: #ff4d4d; width: 25%; }[data-strength="2"] .strength-bar { background: #ff8b4d; width: 50%; }[data-strength="3"] .strength-bar { background: #fff23d; width: 75%; }[data-strength="4"] .strength-bar {background: #2bfaab;width: 100%;box-shadow: 0 0 8px rgba(43,250,171,0.3);}.custom-alert {position: fixed;top: 20px;right: 20px;background: #1a1d24;border: 2px solid #2d313a;border-radius: 8px;padding: 15px 25px;display: flex;align-items: center;gap: 15px;box-shadow: 0 4px 15px rgba(0,0,0,0.3);opacity: 0;transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);z-index: 1000;}.custom-alert.show {top: 20px;opacity: 1;}.alert-icon.success {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234CAF50"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');width: 24px;height: 24px;background-size: contain;}.captcha-container {margin: 1.5rem 0;padding: 1.5rem;background: rgba(16, 10, 32, 0.98);border: 2px solid #6c3dff;border-radius: 12px;box-shadow: 0 0 30px rgba(108, 61, 255, 0.25),inset 0 0 15px rgba(108, 61, 255, 0.1);backdrop-filter: blur(8px);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position: relative;overflow: hidden;align-items: center;}.captcha-wrapper {display: flex;flex-direction: column;align-items: center;position: relative;margin: 0 auto;max-width: 400px;}.captcha-container::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: linear-gradient( 45deg,transparent 0%,rgba(108, 61, 255, 0.08) 50%,transparent 100%);transform: rotate(45deg);animation: grid-shine 6s infinite linear;}.captcha-image{width: 80%;height: 80%;border-radius: 8px;margin-bottom: 1rem;border: 2px solid rgba(108, 61, 255, 0.3);background: rgba(0, 0, 0, 0.4);object-fit: cover;transition: transform 0.3s ease;}.captcha-image:hover{transform: scale(1.02);}#captchaInput{width: 100%;padding: 14px 20px;background: rgba(255, 255, 255, 0.08);border: 2px solid rgba(108, 61, 255, 0.3);border-radius: 8px;color: #fff;font-size: 1.1rem;font-family: 'Orbitron', sans-serif;letter-spacing: 2px;transition: all 0.3s ease;}#captchaInput:focus{border-color: #6c3dff;box-shadow: 0 0 25px rgba(108, 61, 255, 0.3);background: rgba(108, 61, 255, 0.05);}.refresh-captcha {position: absolute;right: 15px;bottom: 15px;background: rgba(108, 61, 255, 0.3);border: none;padding: 8px;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;}.refresh-captcha:hover {background: #6c3dff;transform: rotate(180deg);box-shadow: 0 0 20px rgba(108, 61, 255, 0.4);}.refresh-captcha::before {content: '';width: 24px;height: 24px;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z"/></svg>');}.captcha-label {display: block;color: rgba(255,255,255,0.9);font-size: 0.9rem;margin-bottom: 1rem;font-family: 'Orbitron', sans-serif;text-align: center;text-transform: uppercase;letter-spacing: 1px;text-shadow: 0 0 12px rgba(108,61,255,0.4);}#recoveryModal .auth-form {max-width: 500px;margin: 2rem auto;}#recoveryModal .captcha-container {margin: 1rem 0;}#recoveryModal .refresh-captcha {bottom: 25px;right: 25px;}@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}.auth-form button.loading {pointer-events: none;position: relative;}.auth-form button.loading .button-content {opacity: 0;}.loading-spinner {position: absolute;left: 50%;top: 50%;width: 24px;height: 24px;margin: -12px 0 0 -12px;border: 3px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top-color: #fff;animation: spin 0.8s linear infinite;display: none;}.auth-form button.loading .loading-spinner {display: block;}@keyframes pulse {0% { box-shadow: 0 0 0 0 rgba(108, 61, 255, 0.4); }70% { box-shadow: 0 0 0 12px rgba(108, 61, 255, 0); }100% { box-shadow: 0 0 0 0 rgba(108, 61, 255, 0); }}.auth-form button.loading {animation: pulse 1.5s infinite;}.auth-form button.loading {background: linear-gradient(135deg, #5a2fff 0%, #8e3dff 100%);filter: saturate(1.2);}.loading-spinner::after {content: '';position: absolute;top: -3px;left: -3px;right: -3px;bottom: -3px;border-radius: 50%;border: 3px solid transparent;border-bottom-color: #6c3dff;mix-blend-mode: overlay;animation: spin 1s linear infinite reverse;}