:root{--color-bg:#033f63;--color-accent:#28666e;--color-soft:#7c9885;--color-light:#b5b682;--color-highlight:#fedc97;--color-white:#ffffff}.auth-container{justify-content:center;height:100vh;background:var(--color-bg);font:Philosopher}.auth-container,.auth-form{display:flex;align-items:center}.auth-form{background:var(--color-white);padding:2rem;border-radius:8px;width:320px;box-shadow:0 2px 30px rgba(0,0,0,.2);text-align:center;flex-direction:column}.auth-form h2{margin-top:.5rem;margin-bottom:1.5rem;color:var(--color-bg)}.auth-form input{width:100%;padding:.7rem;margin-bottom:1rem;border:2px solid var(--color-soft);border-radius:6px}.auth-form button{width:100%;padding:.7rem;background:var(--color-accent);border:none;border-radius:4px;color:var(--color-white);font-weight:700;cursor:pointer;margin-bottom:.5rem}.auth-form button:hover{background:var(--color-highlight)}.auth-error,.error-modal .error-message{background:#fdecea;color:#b71c1c;border:1px solid #f5c6cb;padding:.5rem;border-radius:4px;margin-bottom:1rem}.toggle{font-size:.9rem}.toggle span{color:var(--color-accent);cursor:pointer;text-decoration:underline}.error-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999}.error-modal{background:var(--color-white);color:var(--color-bg);padding:1.5rem;border-radius:6px;position:relative;max-width:90%;width:320px;box-shadow:0 4px 15px rgba(0,0,0,.3);text-align:center}.error-close{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:1.4rem;color:#e74c3c;cursor:pointer}.error-close:hover{transform:scale(1.2)}.error-message{margin-top:1rem;font-size:1rem}