.alert-toast.show {animation: slideIn 0.5s forwards;}@keyframes slideIn {from {transform: translateY(-100px);opacity: 0;}to {transform: translateY(20px);opacity: 1;}}.loader {display: none;width: 15px;height: 15px;border: 2px solid #fff;border-top: 2px solid transparent;border-radius: 50%;animation: spin 0.8s linear infinite;margin-left: 10px;}@keyframes spin {to {transform: rotate(360deg);}}:root {--bg: #050505;--card: #0c0c0c;--border: #1a1a1a;--gold: #c5a47e;--white: #ffffff;--gray: #666666;--red: #ff4444;--font: 'Plus Jakarta Sans', sans-serif;}* {box-sizing: border-box;margin: 0;padding: 0;}.atelier-wrapper {min-height: 100vh;background: var(--bg);display: flex;justify-content: center;align-items: center;padding: 20px;font-family: var(--font);}.auth-card {background: var(--card);width: 100%;max-width: 440px;padding: 60px 45px;border-radius: 40px;border: 1px solid var(--border);display: flex;flex-direction: column;align-items: center;text-align: center;}.auth-logo {width: 140px;margin-bottom: 30px;}.auth-header h1 {color: var(--white);font-size: 24px;font-weight: 800;letter-spacing: -0.5px;margin-bottom: 10px;}.auth-header p {color: var(--gray);font-size: 13px;line-height: 1.5;}.auth-form {width: 100%;margin-top: 30px;display: flex;flex-direction: column;gap: 20px;}.form-group {width: 100%;text-align: left;}.form-group label {color: var(--gray);font-size: 10px;font-weight: 800;letter-spacing: 1.5px;margin-bottom: 8px;display: block;margin-left: 5px;}.form-group input {width: 100%;height: 55px;background: #121212;border: 1px solid var(--border);border-radius: 15px;color: var(--white);padding: 0 20px;font-size: 14px;transition: 0.3s ease;}.form-group input:focus {border-color: var(--gold);background: #161616;outline: none;}.privacy-agreement {margin: 5px 0;text-align: left;padding: 5px;border-radius: 10px;transition: 0.3s;}.privacy-agreement.has-error {background: rgba(255, 68, 68, 0.05);}.check-container {display: flex;align-items: flex-start;cursor: pointer;font-size: 11px;color: var(--gray);line-height: 1.4;}.check-container input {position: absolute;opacity: 0;height: 0;width: 0;}.checkmark {height: 18px;width: 18px;background-color: #121212;border: 1px solid var(--border);border-radius: 5px;margin-right: 12px;flex-shrink: 0;position: relative;transition: 0.3s;}.check-container:hover input ~ .checkmark {border-color: var(--gold);}.check-container input:checked ~ .checkmark {background-color: var(--gold);border-color: var(--gold);}.checkmark:after {content: "";position: absolute;display: none;left: 6px;top: 2px;width: 5px;height: 10px;border: solid var(--bg);border-width: 0 2px 2px 0;transform: rotate(45deg);}.check-container input:checked ~ .checkmark:after {display: block;}.agreement-text a {color: var(--white);text-decoration: none;font-weight: 700;border-bottom: 1px solid var(--gold);}.alert-toast {position: fixed;top: -120px;left: 50%;transform: translateX(-50%);background: #120505;border: 1px solid var(--red);padding: 16px 28px;border-radius: 20px;z-index: 99999;box-shadow: 0 20px 50px rgba(0,0,0,0.7);transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);}.alert-toast.show {top: 110px;}.alert-content {display: flex;align-items: center;gap: 12px;color: var(--red);font-size: 13px;font-weight: 700;}@keyframes shake {0%, 100% {transform: translateX(0);}25% {transform: translateX(-6px);}75% {transform: translateX(6px);}}.shake-it {animation: shake 0.3s ease-in-out 0s 2;}button {width: 100%;height: 60px;background: var(--white);color: var(--bg);border: none;border-radius: 18px;font-size: 12px;font-weight: 900;letter-spacing: 1.5px;cursor: pointer;transition: 0.3s ease;display: flex;justify-content: center;align-items: center;}button:hover {background: var(--gold);color: var(--white);transform: translateY(-2px);}.auth-footer {margin-top: 30px;font-size: 11px;color: var(--gray);}.auth-footer a {color: var(--white);font-weight: 800;margin-left: 8px;text-decoration: none;border-bottom: 1px solid var(--gold);}.loader {display: none;width: 22px;height: 22px;border: 3px solid rgba(0,0,0,0.1);border-top: 3px solid #000;border-radius: 50%;animation: spin 1s linear infinite;}@keyframes spin {100% {transform: rotate(360deg);}}