:root{--color-black: #0A0A0A;--color-white: #ffffff;--color-teal: #00a4b2}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-white);color:var(--color-black);min-height:100vh}.btn-primary{background-color:var(--color-teal);color:var(--color-white);border:none;border-radius:8px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s,color .2s;width:100%}.btn-primary:hover{background-color:var(--color-black);color:var(--color-white)}.input-field{width:100%;padding:14px 16px;border:1px solid var(--color-black);border-radius:8px;font-size:14px;margin-bottom:16px;outline:none;background-color:var(--color-white);color:var(--color-black);transition:border-color .2s}.input-field::placeholder{color:var(--color-black)}.input-field:focus{border-color:var(--color-teal)}.auth-container{max-width:400px;margin:0 auto;background-color:var(--color-white);height:100dvh;display:flex;flex-direction:column}@media (min-width: 768px){.auth-container{height:auto;min-height:600px;margin-top:40px;margin-bottom:40px;border-radius:20px;border:1px solid var(--color-black)}}.logo-header{text-align:center;padding:40px 0}.auth-form-container{padding:0 32px 32px;flex-grow:1}.auth-title{font-size:20px;font-weight:600;margin-bottom:24px;color:var(--color-black)}.social-login{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.social-btn{flex:1;display:flex;justify-content:center;align-items:center;padding:12px 0;border:1px solid var(--color-black);border-radius:8px;background-color:var(--color-white);cursor:pointer;transition:background-color .2s}.social-btn:hover{background-color:var(--color-teal)}.social-btn:hover svg path{fill:var(--color-white)}.social-btn svg{width:20px;height:20px}.social-btn svg path{fill:var(--color-black)}.divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:var(--color-black);font-size:12px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-black)}.divider:before{margin-right:.5em}.divider:after{margin-left:.5em}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--color-black)}.auth-footer a{color:var(--color-teal);text-decoration:none;font-weight:600}