@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--auth-bg: #ffffff;--auth-text: #111111;--auth-text-muted: #666666;--auth-border: rgba(0, 0, 0, .15);--auth-primary: #900600;--auth-button-bg: #900600;--auth-button-text: #ffffff;--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif}body.dark-mode{--auth-bg: #121212;--auth-text: #ffffff;--auth-text-muted: #a0a0a0;--auth-border: rgba(255, 255, 255, .15);--auth-button-bg: #ffffff;--auth-button-text: #111111}*{margin:0;padding:0;box-sizing:border-box}.auth-layout{display:flex;min-height:100vh;font-family:var(--font-sans);background-color:var(--auth-bg);color:var(--auth-text)}.auth-visual{flex:1.2;position:relative;background-color:#000;overflow:hidden;display:none}@media(min-width:1024px){.auth-visual{display:block}}.auth-img{width:100%;height:100%;object-fit:cover;opacity:.85;filter:grayscale(30%) contrast(1.1);animation:slowZoom 20s infinite alternate ease-in-out}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.auth-quote-box{position:absolute;bottom:5rem;left:4rem;right:4rem;color:#fff;z-index:2}.auth-quote-mark{font-family:var(--font-serif);font-size:5rem;line-height:0;color:var(--auth-primary);opacity:.8;margin-bottom:2rem;display:block}.auth-quote{font-family:var(--font-serif);font-size:2rem;font-style:italic;line-height:1.4;margin-bottom:1.5rem;font-weight:300}.auth-quote-author{font-family:var(--font-sans);font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;font-weight:600;opacity:.8}.auth-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem 10vw;position:relative}@media(min-width:1024px){.auth-content{padding:4rem 6rem;max-width:700px}}.auth-header{margin-bottom:4rem;text-align:center}.auth-status{color:green;font-size:.85rem;margin-top:.75rem;margin-bottom:2rem;text-align:center;font-weight:500}.auth-logo{display:inline-block;margin-bottom:3rem;text-decoration:none}.auth-logo-img{height:120px;width:auto;object-fit:contain}.auth-title{font-family:var(--font-serif);font-size:clamp(2.5rem,4vw,3.5rem);font-weight:600;line-height:1.2;margin-bottom:1rem;color:var(--auth-text)}.auth-subtitle{font-size:1rem;color:var(--auth-text-muted);font-weight:300;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:2.5rem}.form-group{position:relative}.form-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--auth-border);padding:.8rem 0;font-family:var(--font-sans);font-size:1.1rem;color:var(--auth-text);transition:border-color .3s ease;border-radius:0}.form-input:focus{outline:none;border-bottom-color:var(--auth-text)}.form-label{position:absolute;top:50%;left:0;transform:translateY(-50%);color:var(--auth-text-muted);font-size:1.1rem;pointer-events:none;transition:all .3s ease;font-weight:300}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label{top:-10px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--auth-text)}.form-error{color:var(--auth-primary);font-size:.8rem;margin-top:.5rem;display:block}.auth-actions{display:flex;justify-content:space-between;align-items:center;margin-top:-1rem}.remember-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer}.remember-checkbox{appearance:none;width:18px;height:18px;border:1px solid var(--auth-border);border-radius:2px;outline:none;cursor:pointer;position:relative;transition:all .2s ease;background:transparent}.remember-checkbox:checked{background-color:var(--auth-text);border-color:var(--auth-text)}.remember-checkbox:checked:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid var(--auth-bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-label{font-size:.9rem;color:var(--auth-text-muted)}.forgot-link{font-size:.9rem;color:var(--auth-text);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .3s ease}.forgot-link:hover{border-color:var(--auth-text)}.btn-submit{background-color:var(--auth-button-bg);color:var(--auth-button-text);border:1px solid var(--auth-button-bg);padding:1.2rem;font-family:var(--font-sans);font-size:.95rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.25,1,.5,1);margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:1rem}.btn-submit:hover:not(:disabled){background-color:transparent;color:var(--auth-text)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn-icon-arrow{transition:transform .3s ease}.btn-submit:hover:not(:disabled) .btn-icon-arrow{transform:translate(5px)}.auth-footer{margin-top:auto;padding-top:4rem;font-size:.95rem;color:var(--auth-text-muted);text-align:center}.auth-footer-link{color:var(--auth-text);font-weight:600;text-decoration:none;margin-left:.5rem;position:relative}.auth-footer-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:-2px;left:0;background-color:var(--auth-text);transform-origin:bottom right;transition:transform .3s ease-out}.auth-footer-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--auth-button-text);animation:spin 1s ease-in-out infinite}body.dark-mode .spinner{border-top-color:var(--auth-button-text);border-color:#0000004d}.btn-submit:hover:not(:disabled) .spinner{border-top-color:var(--auth-button-bg);border-color:#0000001a}body.dark-mode .btn-submit:hover:not(:disabled) .spinner{border-top-color:var(--auth-button-bg);border-color:#ffffff4d}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .8s ease-out forwards;opacity:0;transform:translateY(15px)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.auth-content{padding:2rem 6vw;justify-content:flex-start;padding-top:3rem}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{font-size:1.5rem;margin-bottom:1.5rem;display:block;text-align:center}.auth-title{font-size:2rem;margin-bottom:.5rem}.auth-subtitle{font-size:.9rem}.auth-form{gap:1.5rem}.form-input{font-size:1rem;padding:.6rem 0}.form-label{font-size:1rem}.auth-actions{margin-top:-.5rem}.remember-label,.forgot-link{font-size:.8rem}.btn-submit{padding:1rem;font-size:.85rem;margin-top:.5rem}.auth-footer{padding-top:2rem;font-size:.85rem}}