*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;font-size:16px;background-color:#f9f9f9;color:#333;line-height:1.6;display:flex;flex-direction:column;overflow:auto;min-height:100vh;overflow-y:scroll}#app{flex:1;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}a,.link{color:inherit;text-decoration:underline}a:hover,.link:hover{text-decoration:underline;opacity:.8;cursor:pointer}button{font-family:inherit;font-size:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:960px;margin:0 auto;padding:20px}.flex{display:flex;align-items:center;justify-content:center;gap:10px}.col-flex{display:flex;flex-direction:column;align-items:center;justify-content:center}hr{margin:5px 0;border-color:#ddd}.form-container{padding:20px 40px;border:#ddd solid 1px;border-radius:12px;width:clamp(286px,50vw,520px);margin:auto;display:flex;flex-direction:column;gap:10px}.form{display:flex;flex-direction:column;gap:10px}.login-btn{padding:10px;background-color:#41d592;color:#fff;height:40px;border:none;border-radius:12px;cursor:pointer}.login-btn:hover{background-color:#44e79d}.sign-up-btn{padding:10px;background-color:#5eb4f2;color:#fff;border-radius:12px;cursor:pointer}.sign-up-btn:hover{background-color:#79c2f7}button:disabled,button:disabled:hover{background-color:#c2c2c2;cursor:default}.success{color:#42b983}.error{color:#e74c3c}.processing{color:#333}