:root{--font-mono:"Roboto Mono",monospace;--gray-0:#000000;--gray-1:#0c0c0c;--gray-2:#191919;--gray-3:#262626;--gray-4:#333333;--gray-5:#404040;--gray-6:#4d4d4d;--gray-7:#595959;--gray-8:#666666;--gray-9:#737373;--gray-10:#808080;--gray-11:#8c8c8c;--gray-12:#999999;--gray-13:#a6a6a6;--gray-14:#b3b3b3;--gray-15:#bfbfbf;--gray-16:#cccccc;--gray-17:#d9d9d9;--gray-18:#e6e6e6;--gray-19:#f2f2f2;--gray-20:#ffffff}*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;line-height:32px;background:var(--gray-0);-webkit-font-smoothing:antialiased}#app,body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:32px;margin:0;color:var(--gray-18);background:var(--gray-0);@media (max-width:1024px){font-size:15px;line-height:24px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--gray-0)}.form-container{width:320px;border-radius:.75rem;background-color:var(--gray-2);padding:2rem;color:var(--gray-18);position:relative;border:1px solid var(--gray-4)}.logo-container{text-align:center;margin-bottom:1.5rem;padding:.5rem 0;width:120px;height:24px;margin-left:auto;margin-right:auto;background-image:url(/logo-white.svg);background-repeat:no-repeat;background-position:50%;background-size:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.form{margin-top:1.5rem}.input-group{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.input-group label{display:block;color:var(--gray-12);margin-bottom:4px;font-weight:500}.input-group input{width:100%;border-radius:.375rem;border:1px solid var(--gray-5);outline:0;background-color:var(--gray-1);padding:.375rem 1rem;color:var(--gray-18);transition:all .2s ease-in-out}.input-group input:focus{border-color:var(--gray-8);background-color:var(--gray-2)}.forgot{display:flex;justify-content:flex-end;font-size:.75rem;line-height:1rem;color:var(--gray-11);margin:8px 0 14px}.forgot a,.signup a{color:var(--gray-15);text-decoration:none;font-size:14px;transition:color .2s ease-in-out}.forgot a:hover,.signup a:hover{color:var(--gray-17);text-decoration:underline}.sign{display:block;width:100%;background-color:var(--gray-8);padding:.375rem;text-align:center;color:var(--gray-19);border:1px solid var(--gray-9);border-radius:.375rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.sign:hover{background-color:var(--gray-9);border-color:var(--gray-10)}.sign:active{background-color:var(--gray-7)}.error-message{color:#ef4444;font-size:.875rem;margin-bottom:1rem;text-align:center;padding:.5rem;background-color:var(--gray-1);border:1px solid #dc2626;border-radius:.375rem}.social-message{display:flex;align-items:center;padding-top:1rem}.line{height:1px;flex:1 1 0%;background:linear-gradient(90deg,transparent 0,var(--gray-5) 50%,transparent 100%)}.social-message .message{padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem;color:var(--gray-11)}.social-icons{margin-top:1rem;gap:8px}.social-icons,.social-icons .icon{display:flex;justify-content:center}.social-icons .icon{border-radius:.375rem;padding:.5rem;border:1px solid var(--gray-5);background-color:var(--gray-3);cursor:pointer;transition:all .2s ease-in-out;width:2.5rem;height:2.5rem;align-items:center}.social-icons .icon:hover{border-color:var(--gray-6);background-color:var(--gray-4)}.social-icons .icon:active{background-color:var(--gray-2)}.social-icons .icon svg{height:1.25rem;width:1.25rem;fill:var(--gray-15);transition:fill .2s ease-in-out}.social-icons .icon:hover svg{fill:var(--gray-17)}.signup{text-align:center;font-size:.75rem;line-height:1rem;color:var(--gray-11);margin-top:1rem}